如何從Response標頭中的“ content-disposition”中獲取文件名？

Question

標頭在內容處置中發送filename =“ name.xlsx”，但如何將其設置為我正在下載的文件？

component.ts：

  public getAccordo(event: any): any {
    event.preventDefault();
    this.accordiService.getAccordo(this.filter).subscribe(
      data => {
        const blob = new Blob([data], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
        const anchor = document.createElement('a');
        anchor.href = window.URL.createObjectURL(blob);
      anchor.download = name

        anchor.click(); 
      },
      error => {
        console.log(error);
      }
    );
  }

Service.ts

getAccordo（filtro：篩選器）{

return this.http.post<any>(
    `${this.ENDPOINT}/export`,

    filter,

    {responseType : 'blob' as 'json'}

);}

Answer 1

要從響應中獲取headers ，您需要在HttpOptions設置{observe: 'response'}參數。

this.http.post<any>(`${this.ENDPOINT}/export`, filter, {
     responseType : 'blob' as 'json',
     observe: 'response'
})

然后在subscribe函數中，您可以通過headers屬性獲取標題。 獲取名稱后，您現在可以設置文件的名稱。