html - 如何从 REST API 使用 Angular 下载文件？

Question

我已经连接了来自不同博客和 SO 的以下代码，因为我找不到任何教程来执行此操作。

我要做的是使用 angular 和 typescript 从 REST API 下载文件。我无权访问 api(只有类似于“http://...”的 url，仅此而已。

这是我的 typescript 代码:

   //Downloading File
  // may be located in any component


  let options = {
    responseType: ResponseContentType.Blob //This has compilation error. Cannot recognize ResponseContentType.Blob
  }
  // pass options to request
  this.http.get(url, options)

let type = "my/mime";
// download the file - retrieve observable
this.http.get(url, options).map((res: Body) => new Blob([res.blob()], { type: type }));

public downloadAttachment(attachment: MediaDownloadFileDto): void {
  this.myDownloadService.downloadFile(downloadUrl, mimeType).subscribe((fileBlob: Blob) => {
      fileSaver.saveAs(fileBlob, attachment.filename);
  }, (message: string) => {
      // error handling...
  });
}

// may be located in any service:
public downloadFile(url: string, type: string): Observable<Blob> {
  let options = {
      responseType: ResponseContentType.Blob
  };
  return this.http.get(url, options).map((res: Body) => new Blob([res.blob()], { type: type }));
}

这是我正在使用的 HTML 按钮:

<button class="nui-button nui-button--alt download" (click)="downloadFile(url,options)">Download Template</button>

谢谢

Answer 1

您可以简单地使用 HTML download 属性。

试试这个:

<a href="https://some-rest-api.com/some-file.mp4" download>