Angular 2将文件上传到Java Api

Question

首先，我想说一下我已经搜索了很多东西，然后花了整整8个小时的时间进行研究，然后才提出问题。 在大多数示例中，我都看不到端点api的外观，因此我可以看到api的预期，因此我将同时显示前端和后端。

myJavaRootResource.java

@POST
@Consumes(MediaType.MULTIPART_FORM_DATA)
@Produces(MediaType.APPLICATION_JSON)
@Path("/import/{id}")
public Response import(@FormDataParam("file") InputStream fileInputStream, @Context ServletContext application,
        @Context HttpServletRequest request, @Context UriInfo info, @PathParam("id") Integer id) {
    System.out.println("*** MADE it ***");
    ...blah blah...
}

现在，在我的Angular 2代码中，我不知道如何发送它，我已经尝试了很多太多的东西来解决这个问题，所以我将发布最接近的尝试。 我有一个调用服务的组件，在这里进行调用的是该服务功能

我的服务

importIt(id: number, myFile: File) {
    const dataUrl = 'the/path/import/' + id;

    const formData = new FormData();
    formData.append('file', myFile);

    const headers = new Headers({'Content-Type': 'multipart/form-data'});
    let options = new RequestOptions({
      method: RequestMethod.Post,
      headers: headers,
     });

    return this.http.post(dataUrl, formData, options)
      .map(res => res)
      .catch(this.handleError.bind(this));

}

现在，当我尝试此操作时，我会收到响应400-错误的请求。 有谁看到我可能会丢失的东西，或者有什么解决办法的想法。

我看过这些链接，但无法将它们放在一起

1. 使用Angular 2上传文件以生成api
2. Angular发布上传的文件

Answer 1

所以我找到了解决问题的办法

我从请求中删除了标头，它起作用了。 我不知道为什么，因为api正在寻找这些标头。

我的服务

importIt(id: number, myFile: File) {
    const dataUrl = 'the/path/import/' + id;

    const formData = new FormData();
    formData.append('file', myFile);

    let options = new RequestOptions({
       method: RequestMethod.Post
     });

    return this.http.post(dataUrl, formData, options)
      .map(res => res)
      .catch(this.handleError.bind(this));
}