如何在 Angular2 及更高版本中下載檔案：逐步指南

如何使用 Angular2 或更高版本下載檔案

Angular2 對檔案下載方式進行了重大更改。了解 Angular 如何保存檔案可能是一個挑戰，特別是對於那些習慣於舊版本中使用的做法的人來說。

要在 Angular2 中下載文件，請按照以下步驟操作：

1. 建立一個處理下載請求的函數，訂閱傳回的 observable。
2. 在訂閱回呼中，從下載的資料建立一個 Blob 物件。
3. 使用 URL.createObjectURL() 方法建立一個Blob 的 URL。
4. 在新視窗中開啟 URL 以啟動檔案下載。

下面提供了範例實作：

downloadfile(type: string){

  this.pservice.downloadfile(this.rundata.name, type)
      .subscribe(data => this.downloadFile(data),
                  error => console.log("Error downloading the file."),
                  () => console.log('Completed file download.'));
}

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

注意：

確保您已匯入rxjs/Rx 以啟用可觀察量的使用。

以上是如何在 Angular2 及更高版本中下載檔案：逐步指南的詳細內容。更多資訊請關注PHP中文網其他相關文章！