项目前端使用element 后端使用spring boot。
文件上传使用el-upload,代码如下:
<el-upload
drag
:action="url"
:before-upload="beforeUploadHandle"
:on-success="successHandle"
multiple
:file-list="fileList"
style="text-align: center;">
<i class="el-icon-upload"></i>
<div class="el-upload__text">将文件拖到此处,或<em>点击上传</em></div>
<div class="el-upload__tip" slot="tip">只支持jpg、png、gif格式的图片!</div>
</el-upload>
后端代码如下:
@PostMapping("/uploadPic")
@ResponseBody
public Resp upload(@RequestParam("file") MultipartFile file) throws Exception {
//代码处理
}
处理方法,项目中引入如下两个bean,需要使用commons-fileupload和commons-io这两个jar包:
@Bean
public MultipartConfigElement multipartConfigElement() {
return new MultipartConfigElement("");
}
@Bean
public MultipartResolver multipartResolver() {
org.springframework.web.multipart.commons.CommonsMultipartResolver multipartResolver = new org.springframework.web.multipart.commons.CommonsMultipartResolver();
multipartResolver.setMaxUploadSize(100000000);
return multipartResolver;
}
原因: