如何使用 api angular 下载文件

Question

我有一个可以下载文件的 API，按钮上有一个按钮我有一个点击可以向 API 发送下载文件的请求，但它没有工作请求发送成功但文件未下载，但是当我将 URL 添加到浏览器时文件已成功下载

HTML

<button (click)="exportFile()">Download</button>

TS

  exportFile(): void{
this.companiesService.export().subscribe((res) => {
  console.log(res);
});
}

服务

  export(){
    const headers = this.httpOptions.headers.set('Authorization', `Bearer ${this.cookieService.get('access-token')}`);
    return this.http.get(`${this.API_URL}/company/export/`,{headers});
  }

Answer 1

您需要处理返回的 blob 并将其保存为文件。仅仅返回它是不够的。也许这个演示可以让您更深入地了解如何改进您的服务。 https://stackblitz.com/edit/angular-file-download-progress-qsqsnf?file=src%2Fapp%2Fdownload.ts

如何使用 api angular 下载文件

how to download file using api angular

javascript

http

typescript

angular