SpringBoot 多文件上传、携带参数

参考文章:

  • https://stackoverflow.com/questions/36005436/the-request-was-rejected-because-no-multipart-boundary-was-found-in-springboot
  • http://6tt.co/sUur

问题:

  • 多文件上传 携带参数获取为 null
  • Failed to parse multipart servlet request; nested exception is java.io.IOException: org.apache.tomcat.util.http.fileupload.FileUploadException: the request was rejected because no multipart boundary was found

解决方案:

先直接上代码,等会再说问题的原因。

前端:

表单上传
<form id="upmore">
    <input type="file" name="fileList" value="请选择文件" multiple id="file1">
    <input type="file" name="fileList" value="请选择文件" multiple id="file2"> 
    <input type="text" name="content" value="hahahahahahaha" multiple id="content">
    <input type="button" onclick="doUpload2()" value="上传2">
</form>

<script src="../js/jquery-3.4.1.min.js"></script>
<script>
    function doUpload2() {
     
        let form = new FormData($("#upmore")[0])

        console.log(form.get("content"))

        var settings = {
     
            "url": "http://localhost/tps/scp/feedback/commit",
            "method": "POST",
            "timeout": 0,
            "headers": {
     
                "token": "5f1b9ff0e4b08b8a8fa3d106374864651320e976dfef314722b1a9529dfcdc828e"
            },
            "processData": false,
            "mimeType": "multipart/form-data",
            "contentType": false,
            "data": form
        };

        $.ajax(settings).done(function (response) {
     
            console.log(response);
        });
    }
</script>

后端:

@Configuration
public class BeanConfig {
     
    @Bean(name = "multipartResolver")
    public MultipartResolver multipartResolver(){
     
        CommonsMultipartResolver resolver = new CommonsMultipartResolver();
        resolver.setDefaultEncoding("UTF-8");
        resolver.setResolveLazily(true);//resolveLazily属性启用是为了推迟文件解析,以在在UploadAction中捕获文件大小异常
        resolver.setMaxInMemorySize(40960);
        resolver.setMaxUploadSize(50*1024*1024);//上传文件大小 50M 50*1024*1024
        return resolver;
    }
}
@PostMapping("/scp/feedback/commit")
public R commit(@RequestParam(required = false) List<MultipartFile> fileList, String content,
                HttpServletRequest request) throws FileUploadException {
     
    System.out.println(fileList.size() + "  " + content);
    // ......
    return null;

分析

接口写好之后,我通常会直接使用postman先行测试,随后再拿到前端使用。如图最基本的测试,是通过了的。
SpringBoot 多文件上传、携带参数_第1张图片

接着,我将postman生成的ajax代码拷贝了一份,直接拿到了前端使用。出乎意料之外的事情发生,居然报错了:

The request was rejected because no multipart boundary was found in springboot翻译成中文就是该请求被拒绝,因为在springboot中找不到多部分边界

随之我有测试了几次,postman中请求可以成功,但是在浏览器中接口就会报错。

通过postman生成标准接口的请求代码,这非常方便。(小技巧)
SpringBoot 多文件上传、携带参数_第2张图片
在stackoverflow的一篇文章中,我找到了解决方案,使用postman生成上传文件的ajax代码时,不需要手动填写content-type请求头,postman会自动我们决定。随后,生成的正确代码也确实测试通过了。

接着在使用FormData的方式上传文件时,会出现携带的参数在后端获取为null值的情况。最终在一位网友的博客中找到了解决方案。博客中也将原因阐述的很清楚:

产生的原因就是对于multipart/formdata的请求,SpringMVC没有提供默认解析器,导致请求无法正确的被解析。需要我们自己提供一个org.springframework.web.multipart.MultipartResolver解析器。

虽然说的是SpringMVC,但是对于SpringBoot来说同样适用。在上面的代码中,通过在Java config 中配置bean的方式注入了MultipartResolver解析器。

到此,两个问题全部被解决。

事实上,在之前的代码编写过程中,处理文件上传相关的业务,我的做法都是将文件与参数进行分开处理的,对于小文件来说,这可能是不错的做法,可以提高接口的效率。但是对于大文件来说,接口效率本就不高,将请求参数与文件一并传递,倘若接口请求失败,可以即时删除占用磁盘空间的文件,减少数据冗余。

你可能感兴趣的:(java,Spring,spring,java)