如何在 Angular2 中下載檔案？

在 Angular2 中下載檔案

您在使用 Angular2 實作檔案下載時遇到困難。具體來說，您無法了解如何儲存接收到的資料並觸發文件保存功能。讓我們探討如何在 Angular 中實現這一點。

問題

程式碼中的主要問題是用於下載檔案的可觀察物件在單獨的上下文中運行。當嘗試使用 window.URL.createObjectURL 建立 URL 變數時，這會導致出現空物件。要解決此問題，我們需要確保在正確的上下文中建構 objectURL。

解決方案

解決此問題的一個有效解決方案是訂閱observable 並將資料傳遞給處理文件下載的單獨函數。這可以透過以下程式碼來完成：

this._reportService.getReport().subscribe((data) => this.downloadFile(data));

downloadFile 函數定義如下：

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

在此函數中，我們使用回應資料建立 blob 物件並指定檔案類型。然後，我們產生 objectURL 並開啟一個新視窗來下載檔案。

其他注意事項

確保導入 'rxjs/Rx' 模組非常重要正確。為了使用「訂閱」等可觀察功能，您可能需要在組件頂部包含以下行：

import 'rxjs/Rx';

結論

透過訂閱可觀察物件並將數據傳遞給創建objectURL 的專用函數，您可以在Angular2 及更高版本中成功下載檔案。此方法可讓您更好地控制下載過程並在正確的上下文中處理資料。

以上是如何在 Angular2 中下載檔案？的詳細內容。更多資訊請關注PHP中文網其他相關文章！