前端angularJS导出Excel文件失败
后台开启拦截器之后,前端项目无法直接用window.location.href()或window.open()的方式直接访问得到导出的Excel文件,HTTPClient的get方法的返回值默认为json从后台得到的数据流解析错误.
尝试修改返回值类型报错。
尝试使用angularJS自带的$http来请求,语法错误。
尝试使用angularJS的httpModule,请求头添加token,设置返回类型为arraybuffer,请求接收数据解析导出为excel失败,使用httpModule无法接收后台发出的数据流,导出Excel文件为空。
重新考虑HTTPClient,虽然接收类型为Json无法解析数据流请求报错,但能成功接收到数据流。查询HTTPClient相关文档,找到正确修改HTTPClient返回值类型的方法,成功解析后台数据流,导出Excel文件.
解决方案:
this._smsService.exportSms(params).subscribe(
// Successful responses call the first callback.
res => {
const blob = new Blob([res], {type: 'application/vnd.ms-excel'});
const objectUrl = URL.createObjectURL(blob);
const a = document.createElement('a');
document.body.appendChild(a);
a.setAttribute('style', 'display:none');
a.setAttribute('href', objectUrl);
const filename = 'Template.xls';
a.setAttribute('download', filename);
a.click();
URL.revokeObjectURL(objectUrl);
}
- 点赞
- 收藏
- 分享
- 文章举报
- 纯前端利用 js-xlsx 实现 Excel 文件导入导出功能示例
- 前端vue中使用js-xlsx导出excel文件(可以修改样式)
- 前端将文件流导出为csv/excel文件
- 网页前端导出CSV,Excel格式文件
- 前端vue与 js-xlsx 实现 Excel 文件导出功能
- Excel导出实例(打开模板,写信息后另存为新excel文件) 在部署时候出问题Windows7 64 bit 下解决:检索 COM 类工厂中 CLSID 为 {00024500-0000-0000-C000-000000000046} 的组件时失败
- 如何使用JavaScript实现纯前端读取和导出excel文件
- 纯前端利用 js-xlsx 实现 Excel 文件导入导出功能示例
- Html 中表格导出生成excel文件,解决中文导出失败问题。
- 纯前端利用 js-xlsx 实现 Excel 文件导入导出功能示例
- vue+Java实现前端下载文件(excel导出)
- 前端json转换成Excel文件导出(下载)
- ASP导出Excel文件Server.CreateObject 的调用失败
- Asp.Net下导出/导入规则的Excel(.xls)文件
- oms数据通过excel模板导出excel文件,同时可在excel模板中添加计算公式
- [C#]WinForm中DataGrid扩展 - 快速导出Excel文件
- asp.net导出excel文件方法之一
- 导出excel文件
- Excel文件导出导入
- Sqlplus导出excel文件