如何在 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中文网其他相关文章！