解決思路：

• http請求使用blob的返回類型，
• 獲取文件流后，對數據進行Blob，
• 再提交給瀏覽器進行識別下載。

/*** 導出excel*/exportExcel() {this.http.get(this.exportUrl, {responseType: "blob",headers: new HttpHeaders().append("Content-Type", "application/json")}).subscribe(resp => {// resp: 文件流this.downloadFile(resp);})}/** * 創建blob對象，并利用瀏覽器打開url進行下載 * @param data 文件流數據 */downloadFile(data: BlobPart) {// 下載類型 xlsconst contentType = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet';// 下載類型：csvconst contentType2 = 'text/csv';const blob = new Blob([data], { type: contentType });const url = window.URL.createObjectURL(blob);// 打開新窗口方式進行下載// window.open(url); // 以動態創建a標簽進行下載const link = document.createElement('a');const fileName = '';link.href = url;link.download = fileName + '.xlsx';link.click();window.URL.revokeObjectURL(url);}

MDN官方解釋：

Blob 對象表示一個不可變、原始數據的類文件對象。它的數據可以按文本或二進制的格式進行讀取，也可以轉換成?ReadableStream?來用于數據操作。

Blob 表示的不一定是 JavaScript 原生格式的數據。https://developer.mozilla.org/zh-CN/docs/Web/API/Blob

后端傳過來的文件流存儲在內存中，然后生成的URL就是文件流在內存中的地址，當然這個地址是臨時的，瀏覽器在 document 卸載的時候，會自動釋放它們。

MDN官方建議，當不再需要這些URL對象的時候，應該調用URL.revokeObjectURL()主動釋放。?

?

總結

以上是生活随笔為你收集整理的【Angular】Angular使用HTTP的GET/POST下载流文件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。