我有一个Angular应用程序,用户可以按下按钮下载文件。它工作得很好,但最近停止在谷歌Chrome浏览器中工作。创建后没有触及代码。
component.pug文件:
button.btn.btn-default((click)="export()") Export
a([hidden]="true", target="_blank", download="export.csv", #exportButton) Real export
component.ts文件导出功能:
export() {
this.exportButton.nativeElement.href = this.gridExportService.getDataUrl(this.data, this.columns, this.valueType, this.selectedCurrency, this.separator, this.numberLocale);
this.exportButton.nativeElement.click();
}
单击下载触发按钮后立即打开新选项卡,其中包含blob:link,然后关闭而不下载文件。该应用程序在Firefox上运行良好。
无法弄清楚造成这种情况的原因。 谢谢!