我正在使用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。