項目前端使用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;
}
原因: