Angular2 以降でファイルをダウンロードする方法: ステップバイステップ ガイド

Angular2 以降を使用してファイルをダウンロードする方法

Angular2 では、ファイルのダウンロード方法に大幅な変更が導入されました。 Angular がファイルを保存する方法を理解することは、特に従来のバージョンで使用されていた方法に慣れている人にとっては難しい場合があります。

Angular2 でファイルをダウンロードするには、次の手順に従います。

1. ダウンロード リクエストを処理し、返されたオブザーバブルをサブスクライブする関数。
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 中国語 Web サイトの他の関連記事を参照してください。