前端文件导出内容乱码解决方案

原创已于 2022-09-29 11:20:10 修改 · 1.5k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #vue.js #javascript

于 2021-12-09 16:05:14 首次发布

那些遇到的错误专栏收录该内容

1 篇文章

订阅专栏

本文探讨了在下载文件时遇到的乱码问题，通过在请求方法中添加'responseType': 'arraybuffer'，成功解决了文件打开显示乱码的状况。这一解决方案对于前端开发者处理二进制数据下载具有重要意义。

通过后台返回下载文件到本地打开显示乱码；

// 下载文件

var elink = document.createElement("a");

//文件名
elink.download = "**.xls"; 

elink.style.display = "none";

var blob = new Blob([res.data]);

elink.href = URL.createObjectURL(blob);

document.body.appendChild(elink);

elink.click();

document.body.removeChild(elink);

在封装的请求方法里添加