前端下载xls文档乱码修复
记一次前端下载文档的BUG事件
起因是要做xls文档的下载,使用的是流的形式,但是发现下载的文件打开后是乱码,原因在请求的部分加上一行代码就可以避免这个问题
错误展示
修复方法
下载方法:templateDownload().then(response => {const elink = document.createElement('a');elink.download = '片批量新增表.xls';elink.style.display = 'none';const blob = new Blob([response], { type: 'application/vnd.ms-excel;charset=UTF-8' });elink.href = URL.createObjectURL(blob);document.body.appendChild(elink);elink.click();document.body.removeChild(elink);})请求:
export function templateDownload(query) {return request({url: '/templateDownload',method: 'get',params: query,//最主要的是这一句,加上之后就可以正常下载不乱码了responseType: 'blob',})
}