vue导出excel文件损坏

vue从后台导出二进制流, 下载后提示文件损坏

导出时需要注意返回的数据一定要是二进制流, 使用以下代码导出返回流

export function downloadFile(obj, name, suffix = "xlsx") {const url = window.URL.createObjectURL(new Blob([obj], {type: "application/vnd.ms-excel"}))const link = document.createElement('a')link.style.display = 'none'link.href = urlconst fileName = name + '-' + parseTime(new Date()) + '.' + suffixlink.setAttribute('download', fileName)document.body.appendChild(link)link.click()document.body.removeChild(link)
}

按照以上方式导出出现文件损坏提示, 原因是请求时少了请求头responseType: ‘blob’

加上请求头即可

vue导出excel文件损坏相关推荐

(vue)vue导出excel文件打不开，或者文件内容为object object
(vue)vue导出excel文件打不开,或者文件内容为object object[已解决] bug: 主要原因:没有注意到后端返回的数据格式,需要的是res而不是res.data 正确写法: < ...
vue导出excel加一个进度条_使用vue导出excel文件
今天再开发中遇到一件事情,就是怎样用已有数据导出excel文件,网上有许多方法,有说用数据流的方式,https://www.cnblogs.com/yeqrblog/p/9758981.html,但是 ...
vue 导出excel文件利用 excelJs插件
用excelJs导出excel文件没有咋整理发布出来是怕自己忘了咋写 exportExcel() {if (this.data.length == 0) {this.$message.error(& ...
Vue+iview实现自定义格式导出Excel文件
背景:项目中要实现一个导出Excel文件模板的功能,原来实现是通过后台生成然后前端请求下载,这样要消耗IO资源,然后看了一下之前项目的导出功能,发现原来Vue+iview可以实现本地数据导出,不过iv ...
在vue中把数据导出Excel文件
在vue中把数据导出Excel文件第一次尝试写文章在vue中把数据导出成Excel格式的文件,话不多,上代码: 第一步我们要先安装几个集成的插件 npm install -S file-saver ...
easyexcel使用问题：使用时导出的excel文件损坏，打开不了，后台没异常错误
错误问题:使用时导出的excel文件损坏,打开不了,后台没异常错误解决方式:因为前端使用的是blob,最后定位错误在前端发送请求时漏了一个参数, responseType: 'blob' expor ...
swagger easyExcel导出Excel文件打不开，文件损坏
alibaba/easyexcel文件导出 swagger easyExcel导出Excel文件打不开,文件损坏文件下载打不开,将文件输出到本地发现可以打开,而且swagger下载的文件大小比本地文 ...
Vue前端表格导出Excel文件
前言分享一个Vue前端导出Excel文件的方法.记录学习! 功能需求:将表格的全部数据导出Excel格式的文件前端:Vue3+Element-Plus 这个导出方法全部为前端操作,后端只需要传入表 ...
h5页面如何预览excel文件_如何使用JavaScript实现前端导入和导出excel文件?(H5编辑器实战复盘)...
前言最近笔者终于把H5-Dooring的后台管理系统初步搭建完成, 有了初步的数据采集和数据分析能力, 接下来我们就复盘一下其中涉及的几个知识点,并一一阐述其在Dooring H5可视化编辑器中的解 ...

vue导出excel文件损坏

vue导出excel文件损坏相关推荐

最新文章

热门文章