使用角度为2的blob下载excel（.xlsx）文件

Question

如何使用blob从浏览器下载保存在angular 2项目文件夹中的.xlsx文件。我可以使用以下代码下载csv：

return this.http.get(fileUrl, {headers: headerInfo})
    .map((response: any) => {
        return new Blob([response._body], {type: 'text/csv'});
    });

任何帮助将不胜感激！谢谢！

Answer 1

您可以使用fetch和file-saver来检索Excel文件：

import { saveAs } from 'file-saver';

// Client side.
// Note: it helps it server serves the appropriate response header, like e.g.
// 'Content-Type': 'application/vnd.openxmlformats'

return fetch(excelFileUrl, { headers: headerInfo })
  .then(res => res.blob()) // extract binary blob from response
  .then(blob => {
    // Download blob with file-saver
    FileSaver.saveAs(blob, "MyFile.xlsx");
  })
  .catch((err) => { console.error('Excel download failed', err); });