将后台二进制文件（.bin数据）转为Excel格式

Math.random( ) ;

于 2021-11-10 11:10:22 发布

阅读量3.5k

点赞数

文章标签： javascript vue

本文链接：https://blog.youkuaiyun.com/xcxcsdn/article/details/121244312

版权

这篇博客介绍了如何在Vue项目中利用JavaScript处理后台返回的二进制.bin数据，将其转化为Excel文件供用户下载。关键步骤包括在请求接口时设置responseType为'blob'，然后创建一个链接元素，利用window.URL.createObjectURL(blob)生成下载链接，并触发下载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先应该在请求接口方法写responseType: ‘blob’，后台返回的数据会被强制转为blob类型；

其次在导出的方法里写如下：

UserExcel() {
exportExcelForm(Object.assign({}, this.search)).then(blob => {
let filename = new Date(+new Date() + 8 * 3600 * 1000).toISOString().replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '')
let url = window.URL.createObjectURL(blob);
let link = document.createElement('a');
link.style.display = 'none';
link.href = url;
link.setAttribute('download', filename + '.xlsx');
document.documentElement.appendChild(link);
link.click();
document.documentElement.removeChild(link);