如何从响应标头中获取“内容处置”内的文件名？

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);
      }
    );
  }

服务.ts

getAccordo(filtro: Filter) {

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 属性获取标题。获取名称您现在可以设置文件的名称。