角度标签下载文件格式不一致

时间:2019-05-10 09:21:00

标签: angular

我正在使用angular并尝试使用后端服务器给定的文件路径下载文件。

这是来自服务器的示例响应。

resources/sample_20190510164853106.xlsx

这是一个对象,因此我使用JSON.stringify将其转换为字符串,并使用此代码将文件路径插入标签的href中

html文件

<button style="width:150px" class="btn btn-primary btn-sm"
 (click)="exportExcel()">Save Excel</button>

<a id="excelLink" [(href)]="filePath" [download]="fileName"></a>

ts文件

filePath: string = "";
element: HTMLElement;

  exportExcel() {
    this.uploadService.saveToExcel().subscribe(res => {
      this.filePath = JSON.stringify(res.data)
      /* JSON.stringify(res.data).replace(/"/g,"") */
      this.element = document.getElementById('excelLink') as HTMLElement;
      this.element.click();
    })
  }

JSON字符串化为我提供了“ resources / sample_20190510164853106.xlsx”,因此我认为我只需要删除双引号,因此注释了replace函数,但仍然无济于事。当我单击“保存Excel”按钮时,文件有时变为html或json而不是xlsx。

this

0 个答案:

没有答案