如何在Angular 8中下载excel文件作为API响应

Question

我有一个API可以返回excel文档作为响应。请求将是一个简单的JSON。

我搜索了谷歌，找到了一些代码库下载文件，我已经在我的应用程序中使用了它，但我得到了一些错误，无法找到它的解决方案。下面是我的代码库。

import rxjs/Rx;

details = {id: 75,name: "some name"}

this.nameService.getData(this.details).subscribe(response => {
this.downloadFile(response);
})

downloadFile(data: Response) {
  const blob = new Blob([data], { type: '.xlsx' });
  const url= window.URL.createObjectURL(blob);
  window.open(url);
}

NameService.ts

getData(postData) {
  return this.httpService.post('https://localhost:8080/getFile/', postData);
}

HTTPService.ts

constructor(private http: HttpClient)
post(apiEndpoint: string, request: any) :Observable<any> {
 return this.http.post<any>(apiEndpoint,request);
}

使用上面的代码库，我得到了以下两个错误，文件没有下载。

null

Answer 1

>

您需要在请求中设置response-header{responseType:'blob'}。

您需要在创建blob文件时传入正确的mime类型.（例如，application/octet-stream或application/vnd.openxmlformats-officedocument.spreadsheetml.sheet）。

Component.ts

downloadFile(data: Response) {
  const blob = new Blob([data], { type: 'application/octet-stream' });
  const url= window.URL.createObjectURL(blob);
  window.open(url);
}