SpringBoot2学习笔记
四、Web开发
4.8)文件上传
4.8.1)页面表单
在在工程SpringBootDemo4Admin中,新建页面表单form_layouts.html ,文件上传代码如下:
<div class="col-lg-6">
<section class="panel">
<header class="panel-heading">
Basic Forms
</header>
<div class="panel-body">
<form role="form" th:action="@{/upload}" method="post" enctype="multipart/form-data">
<div class="form-group">
<label for="exampleInputEmail1">邮箱</label>
<input type="email" name="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
</div>
<div class="form-group">
<label for="exampleInputPassword1">名字</label>
<input type="text" name="username" class="form-control" id="exampleInputPassword1" placeholder="Password">
</div>
<div class="form-group">
<label for="exampleInputFile">头像</label>
<input type="file" name="headerImg" id="exampleInputFile">
</div>
<div class="form-group">
<label for="exampleInputFile">生活照</label>
<input type="file" name="photos" multiple>
</div>
<div class="checkbox">
<label>
<input type="checkbox"> Check me out
</label>
</div>
<button type="submit" class="btn btn-primary">提交</button>
</form>
</div>
</section>
</div>
4.8.2)文件上传接口
新建控制层代码FormTestController.java,代码如下:
@Slf4j
@Controller
public class FormTestController {
// 跳转至页面dynamic_table.html
@GetMapping("/form_layouts")
public String form_layouts() {
return "form/form_layouts";
}
/**
* MultipartFile 自动封装上传过来的文件
*
* @param email
* @param username
* @param headerImg
* @param photos
* @return
*/
@PostMapping("/upload")
public String upload(@RequestParam("email") String email,
@RequestParam("username") String username,
@RequestPart("headerImg") MultipartFile headerImg,
@RequestPart("photos") MultipartFile[] photos) throws IOException {
log.info("上传的信息:email={},username={},headerImg={},photos={}",
email, username, headerImg.getSize(), photos.length);
if (!headerImg.isEmpty()) {
//保存到文件服务器,OSS服务器,获取文件名
String originalFilename = headerImg.getOriginalFilename();
// 保存至磁盘 E:\saveImg 中
headerImg.transferTo(new File("E:\\saveImg\\" + originalFilename));
}
if (photos.length > 0) {
for (MultipartFile photo : photos) {
if (!photo.isEmpty()) {
String originalFilename = photo.getOriginalFilename();
photo.transferTo(new File("E:\\saveImg\\" + originalFilename));
}
}
}
return "main";
}
}
测试:启动工程,输入信息登录点击 “Form Layouts”跳转到表单页面,输入相关信息选择相关图片后点击“提交”按钮,页面如下:
控制台输出:【所选择的上传图片已保存在磁盘目录 E:\saveImg 中】
2022-06-11 11:52:12.724 INFO 7472 --- [nio-8080-exec-9] c.s.admin.interceptor.LoginInterceptor : preHandle拦截的请求路径是/upload
2022-06-11 11:52:12.728 INFO 7472 --- [nio-8080-exec-9] c.s.admin.controller.FormTestController : 上传的信息:[email protected],username=test,headerImg=7796,photos=5
2022-06-11 11:52:12.741 INFO 7472 --- [nio-8080-exec-9] c.s.admin.interceptor.LoginInterceptor : postHandle执行ModelAndView [view="main"; model={}]
2022-06-11 11:52:12.757 INFO 7472 --- [nio-8080-exec-9] c.s.admin.interceptor.LoginInterceptor : afterCompletion执行异常{}
4.8.3)文件上传自动配置原理
文件上传自动配置类-MultipartAutoConfiguration-MultipartProperties,自动配置好了 StandardServletMultipartResolver 【文件上传解析器】
原理步骤:
-
请求进来使用文件上传解析器判断(isMultipart)并封装(resolveMultipart,返回MultipartHttpServletRequest)文件上传请求;
-
参数解析器来解析请求中的文件内容封装成MultipartFile;
-
将request中文件信息封装为一个Map;MultiValueMap<String, MultipartFile>【FileCopyUtils。实现文件流的拷贝】
过程源码如下图: