请求被拒绝，因为未找到多部分边界

Question

我正在尝试将最近使用Angular2下载的一个文件上传到Spring API Rest。

问题是（在spring应用程序上显示）。。。

请求被拒绝，因为找不到多部分边界

在org。阿帕奇。公猫util。http。文件上传。FileUploadBase$FileItemIteratorImpl。（FileUploadBase.java:831）~[tomcat-embed-core-8.5.28.jar:8.5.28]位于org。阿帕奇。公猫util。http。文件上传。FileUploadBase。getItemIterator（FileUploadBase.java:256）~[tomcat-embed-core-8.5.28.jar:8.5.28]位于org。阿帕奇。公猫util。http。文件上传。FileUploadBase。parseRequest（FileUploadBase.java:280）~[tomcat-embed-core-8.5.28.jar:8.5.28]位于org。阿帕奇。卡塔琳娜。连接器。要求org上的parseParts（Request.java:2869）~[tomcat-embed-core-8.5.28.jar:8.5.28]。阿帕奇。卡塔琳娜。连接器。要求org上的parseParameters（Request.java:3216）~[tomcat-embed-core-8.5.28.jar:8.5.28]。阿帕奇。卡塔琳娜。连接器。要求getParameter（Request.java:1137）~[tomcat-embed-core-8.5.28.jar:8.5.28]

在客户端，请求以“多部分/表单数据”作为内容类型发送。

我该怎么修？

文件下载服务

upload(file) {
const formData = new FormData();
formData.append('file', file);
    const req = new HttpRequest('POST', this.urlUpload, file, {
      headers: new HttpHeaders({'Content-Type':'multipart/form-data'}),
      reportProgress: true
    });
    return this.http.request(req);
  }

应用程序。组成部分

  upload() {
     let file = this.generate_dummy_file(50000000);
     this.downloader.upload(file).subscribe( event => {
        if (event.type === HttpEventType.UploadProgress) {
        } else if (event instanceof HttpResponse) {
          console.log('File is completly uploaded!');
        }
      });


    }

  generate_dummy_file(size) {
    return new Blob([new ArrayBuffer(size)], {type: 'multipart/form-data'});
  };

还有Spring的一面

@PostMapping("/uploadFile")
    public UploadFileResponse uploadFile(@RequestParam("file") MultipartFile file) {
        return ...;
    }

谢谢你的帮助

Answer 1

你真的在向你的服务器发送FormData？

尝试在HttpClient的FormData对象中包装文件，以自动添加多部分边界。

upload(file) {
    const formData = new FormData();
    formData.append('file', file);
    const req = new HttpRequest('POST', this.urlUpload, formData, {
      headers: new HttpHeaders({'Content-Type':'multipart/form-data'}),
      reportProgress: true
    });
    return this.http.request(req);
  }

Answer 2

试试这个，

 const formData = new FormData();
 formData.append("file", file);
 formData.append("reportProgress", true);

使用http客户端，

 return this.httpclient.post(this.urlUpload, formData);