Angular2：从Rest Webservice下载文件

Question

i have this JAVA webservice for download a file:

@Path("test")
@GET
@Produces(MediaType.APPLICATION_OCTET_STREAM)
@Consumes(MediaType.APPLICATION_FORM_URLENCODED)
public javax.ws.rs.core.Response downloadFile() {
    File folder = new File("Myfolder");
    File file = new File(folder.getAbsolutePath() + "/" + "myFile.txt");

    return javax.ws.rs.core.Response.ok((Object) file).header("Access-Control-Allow-Origin", "*")
            .header("Access-Control-Allow-Methods", "GET, POST, DELETE, PUT, HEAD, OPTIONS")
            .header("Access-Control-Allow-Headers", "X-Requested-With,Content-Type, X-Codingpedia")
            .header("Content-Disposition", "attachment; filename=\"" + file.getName() + "\"").build();
}

and i need to download it from my angular2 application. I've implement this service:

download():Observable<Response> {

    let params = new URLSearchParams();
    let requestOptions = new RequestOptions({
        headers: this.getHeaders2(),
        search: params
    });

    requestOptions.method=RequestMethod.Get;
    requestOptions.url ="myUrl";
    requestOptions.responseType = ResponseContentType.Blob;
    let request = new Request(requestOptions);
    return this.http.request(request);
  }

  private getHeaders2() {
     let headers = new Headers();
     headers.append('Content-Type', 'application/octet-stream');
     headers.append('responseType', 'arrayBuffer');
     return headers;
  }

ant this is how i call service on my component:

this.services.download().subscribe(
      response => {
          let file = response.blob();
          console.log(file.size + " bytes file downloaded. File type: ", file.type);
          var url =window.URL.createObjectURL(file);
          window.open(url);
      },
      error => console.log(JSON.stringify(error))
    );

but i obtain an error:

"Error: The request body isn't either a blob or an array buffer\n

what's wrong?

Answer 1

Try it this way:

this.services.download().subscribe(response => {

       // create a new Blob by defining its content-type
       let file = new Blob([response.blob()], { type: 'application/octet-stream' }); 

       console.log(file.size + " bytes file downloaded. File type: ", file.type);
       var url =window.URL.createObjectURL(file);
       window.open(url);
   },
   error => console.log(JSON.stringify(error)

);