角度 7 在下载 blob 时获取损坏的文件

Question

使用Angular 7，我通过发布url文件来调用api，并尝试使用文件保护程序中的“saveAs”函数下载它。文件正在下载，但由于已损坏而无法打开。

我的电话如下：

var file_url = (response as any).headers['Location'] + 'files/Data.xlsx';
var filename = 'Data_' + this.getDateService.getDateFile() + '.xlsx';

const httpOptions = {
          headers: new HttpHeaders({
            'Content-Type': 'application/x-www-form-urlencoded'
          }),
          responseType: 'arraybuffer',
          observe: 'response'
        };

let downloadParameters = { filename: 'Data_' + this.getDateService.getDateFile() + '.xlsx', file: file_url }

this.downloadFileService.downloadFile(downloadParameters, httpOptions).subscribe(reponse => {

          var blob = new Blob([(response as any).body], { type: 'application/vnd.openxmlformat-officedocument.spreadsheetml.sheet' });
          saveAs(blob, filename);
})

我试过什么：

• 切换类型 MIME 应用程序/vnd.openxml格式-office文档.电子表格.工作表 按应用程序/八位字节流
• 切换响应类型数组缓冲区由 blob 或 blob 作为 json

下面是来自服务的响应标头：

文件存在于响应正文中:

你们有什么线索吗？

Answer 1

试试这个：

this.downloadFileService.downloadFile(downloadParameters, { responseType: 'blob' }).subscribe(blob=> {
  saveAs(blob, filename);
})