springboot6==springboot前后端分离demo，图片前端上传，后端下载保存到本机

参考地址&＃xff1a;How2J 的 Java教程How2J的Java教程, 内容涵盖J2SE、WEB前端、J2EE、框架技术等全面的Java内容。 基于实例代码和视频讲解的学习方式为Java职业生涯打下坚实的基础

&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;

2、前端页面

需要引入vue和elementUI和axios&＃xff0c;上官网下载即可。




3、Controller层DemoUpladDownLoadImg.java

package com.ldj.reggie.controller.demoUpload;import com.ldj.reggie.common.R;
import lombok.extern.slf4j.Slf4j;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.web.bind.annotation.*;
import org.springframework.web.multipart.MultipartFile;import javax.servlet.ServletOutputStream;
import javax.servlet.http.HttpServletResponse;
import java.io.*;
import java.util.UUID;/*** 测试图片文件上传下载*/
&＃64;RestController
&＃64;RequestMapping("/common")
&＃64;Slf4j
public class DemoUpladDownLoadImg {&＃64;Value("${basePath}")private String basePath;/*** &＃64;param file 参数名字必须写这个file* &＃64;return*/&＃64;PostMapping("/upload")public R upLoadImg(MultipartFile file) {//debug到这。当前是存在C盘的一个临时文件log.info(file.toString());String originalFilename &＃61; file.getOriginalFilename();//得到后缀名int i &＃61; originalFilename.lastIndexOf(".");String substring &＃61; originalFilename.substring(i);//生成新文件名String fileNewName &＃61; UUID.randomUUID().toString() &＃43; substring;//转存到图片指定位置,位置在项目配置文件yml中指定//判断存放图片的目录是否存在&＃xff0c;不存在就创建File dir &＃61; new File(basePath);if (!dir.exists()) {dir.mkdirs();}//存放在本机的文件名&＃43;后缀File dest &＃61; new File(basePath &＃43; fileNewName);try {log.info("图片存放地址&＃xff1a;" &＃43; basePath &＃43; fileNewName);file.transferTo(dest);} catch (IOException e) {e.printStackTrace();}return R.success(fileNewName);}&＃64;GetMapping("/download")public void downLoadImg(&＃64;RequestParam String name, HttpServletResponse response) {log.info("想要的图片名字{}", name);FileInputStream fileInputStream &＃61; null;ServletOutputStream outputStream &＃61; null;File file &＃61; new File(basePath &＃43; name);try {//输入流读取本机图片fileInputStream &＃61; new FileInputStream(file);response.setContentType("image/jpeg");outputStream &＃61; response.getOutputStream();int len &＃61; 0;byte[] bytes &＃61; new byte[1024];while ((len &＃61; fileInputStream.read(bytes)) !&＃61; -1) {outputStream.write(bytes, 0, len);outputStream.flush();}} catch (Exception e) {e.printStackTrace();} finally {try {assert outputStream !&＃61; null;outputStream.close();fileInputStream.close();} catch (Exception e) {e.printStackTrace();}}}
}


4、在配置文件中指定保存路径

basePath: D:\\

&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;

5、访问

http://localhost:8080/backend/page/demoUpload/upload.html

6、选择选择一张图片&＃xff0c;成功上传到本机的D盘。 

&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61; 

总结&＃xff1a;

springboot的文件上传下载是基于Apache 基金会下面的一个子项目&＃xff0c;子项目叫做commons&＃xff0c;这个子项目中用于文件上传下载的包是commons-upload&＃xff0c;然后commons-upload又基于commons-io。这些都集成在starter中了。 

文件先是被临时存储在C盘,可以通过debug查看

后端必须使用file作为对象名&＃xff1a;MultipartFile file&＃xff0c;因为前端页面使用elementUI以表单方式上传图片的时候&＃xff0c;自动给这个流取了个名叫file。当然也可以通过其他注解修改对象名。