angular - 在 Angular 中使用文件名下载 Excel 文件

Question

如何使用 Angular 应用程序中的服务返回的文件名下载 Excel 文件？我正在使用 file-saver 库。这是我的代码:

let blob = new Blob([response],  {type: 'application/vnd.openxmlformat-officedocument.spreadsheetml.sheet;'});
saveAs(blob, 'hello.xlsx');

这是 Angular 服务的响应:

return this.http.get(`${this.reportsUrl}`, { responseType: 'blob'});

我的后端服务 (Spring MVC) 的响应。 excelCreatedResource 是 org.springframework.core.io.Resource 类型:

return ResponseEntity.ok()
                .contentType(MediaType.parseMediaType("application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"))
                .header(HttpHeaders.CONTENT_DISPOSITION,
                "attachment; filename=\"" + excelCreateResource.getFilename() + "\"")
                .body(excelCreateResource);

我不想提供 hello.xlsx。相反，我只想下载文件而不更改服务返回的文件名。如果我直接从浏览器访问 URL，我可以下载 Excel 文件。

Answer 1

根据您的问题，我认为您需要观察完整的响应并从中获取 header 详细信息。在 Angular 中，您可以使用

let observable$ = this.http.get(`${this.reportsUrl}`, { observe: 'response'});
observable$.subscribe(response => {
  let blobObj = response.body; // this should be your blob object (body of response)
  let headers = response.Headers //This is a disctionary/HashMap were you'll find the content-desposition header

//.....

})