请求被拒绝，因为没有找到多部分边界 angular+spring

Question

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

问题是（在spring app上显示）...

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

在 org.apache.tomcat.util.http.fileupload.FileUploadBase$FileItemIteratorImpl.(FileUploadBase.java:831) ~[tomcat-embed-core-8.5.28.jar:8.5.28] 在 org.apache.tomcat.util.http.fileupload.FileUploadBase.getItemIterator(FileUploadBase.java:256) ~[tomcat-embed-core-8.5.28.jar:8.5.28] 在 org.apache.tomcat.util.http.fileupload.FileUploadBase.parseRequest(FileUploadBase.java:280) ~[tomcat-embed-core-8.5.28.jar:8.5.28] 在 org.apache.catalina.connector.Request.parseParts(Request.java:2869) ~[tomcat-embed-core-8.5.28.jar:8.5.28] 在 org.apache.catalina.connector.Request.parseParameters(Request.java:3216) ~[tomcat-embed-core-8.5.28.jar:8.5.28] 在 org.apache.catalina.connector.Request.getParameter(Request.java:1137) ~[tomcat-embed-core-8.5.28.jar:8.5.28]

在客户端，请求以“multipart/form-data”作为内容类型发送。

我该如何解决？

fileDownloaderService

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);
  }

app.component

  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'});
  };

还有春天的一面

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

感谢您的帮助

Answer 1

试试这个，

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

使用httpclient，

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

Answer 2

您实际上是在向您的服务器发送FormData 吗？

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

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);
  }