背景:在实现导出功能的时候,后端返回的是二进制文件流,当导出失败有报错信息时发现无法提示到后台返回的message,于是就找到了FileReader来解决这个问题。
1.了解FileReader定义
FileReader允许Web程序读取文件,所以可以通过这个来转化Blob数据。
接下来,看是如何实现的
exportReport () {
var params = this.$refs.query.handleParams();
afterSale.downloadLocalFirstInsRateList({
filters: params,
pageIndex: this.pageNum,
pageSize: this.pageSize,
sorts: []
}).then(res => {
let that = this;
this.sameParams = res;
let reader = new FileReader();
reader.readAsText(res);
reader.onload = function (res) {
if (res.target.result.indexOf('statusCode') !== -1) {
if (JSON.parse(res.target.result).statusCode === 500) {
that.$Message.error(JSON.parse(res.target.result).message);
}
} else {
const fileName = '本地首保率分析报表.xlsx';
const link = document.createElement('a');
link.href = window.URL.createObjectURL(that.sameParams)
link.download = fileName;
link.click()
window.URL.revokeObjectURL(link.href);
}
};
}).catch(error => {
console.log(error);
this.loading = false;
});
},
首先第一步:new一个FileReader对象
第二步:调用FileReader的方法 readAsText
第三步:回调函数onload 读取成功时 获取res.target.result代表返回的结果,此时就将Blob数据转换成了json格式的数据。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。