vue导出excel无法打开问题

已于 2024-02-06 17:27:10 修改
阅读量1.4k 收藏 10
点赞数 17
分类专栏： vue 文章标签： vue.js 前端 javascript
于 2023-12-07 18:26:30 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41037490/article/details/134862054
版权

流文件导出需要注意

需要加responseType: 'blob'，否则文件会损坏

excel流文件一定要在请求的时候加上响应类型字段，也就是：responseType: 'blob'或者，responseType: 'arraybuffer' ，否则下载出来的excel文件就会损坏，就会打不开。

王大锤4391
关注
  • 17
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 4
    评论
专栏目录
vue导出excel.zip
04-20
vue导出excel 所需下载的两个js文件：Blob.js、Export2Excel.js 将上面两个js文件放在vendor目录中 在项目目录下的build下的 webpack.base/conf.js这个webpack的配置文件中的 resolve的alias中加入： 'vendor':path....
vue3 用xlsx 解决 excel 低版本office无法打开问题
喜大普奔
02-20 737
文件，提示文件格式和扩展名不匹配，文件可能已损坏或不安全。，导致在笔记本office环境下，出现兼容性问题。文件，提示文件格式或文件扩展名无效。
vue中下载文件后无法打开的坑
emmmmmmm__的博客
11-24 1295
到这里请求文件流和导出文件得方法都已经写完了，这里面有的坑呢 打开就是返回得数据，大概就是你new Blob([data])得时候这个data是否是文件流，这个例子后端直接给我返回了文件流所以就直接使用了 一边都是res.data这样使用，再有就是responseType: 'blob',这个在请求文件流时请求头中必须要写，其他就没什么了。今天在项目开发的时候临时要添加个导出功能我就写了一份请求加导出得代码，如果到这里下载下来的文件还是无法打开请往下看。下面就要说的就是mockjs了。
前端基于XLSX实现数据导出到Excel表格，以及提示“文件已经被损坏，无法打开”的解决方法
最新发布
在这里，我分享我的技术心得、项目经验、实用的技术教程、深入的技术分析以及前端开发的最新动态，希望能帮助到更多的人。
02-27 3865
在这种方法中，前端发起一个请求到后端，后端生成Excel文件并返回给前端，前端再将文件下载到本地。注意，excel流文件一定要在请求的时候加上响应类型字段，也就是：responseType: 'blob’或者，responseType: ‘arraybuffer’ ，否则下载出来的excel文件就会损坏，就会打不开。具体操作：打开excel文件，点击页面上方的左侧“文件”，然后点击“更多”里面的“选项”；再点击“受保护的视图”，取消选择右侧面板里面的勾选，最后点击“确定”。去掉右侧的选项，点击确定。
前端post请求下载excel文件，无法打开
qubes的专栏
01-11 4057
前端post请求下载excel文件，无法打开。
esaypoi导出excel后office打开报错
juntong5813的博客
04-19 3136
easypoi导出excel使用office无法打开，wps正常
vue导入导出excel文件
04-16
vue导入导出excel文件所需要用到的依赖文件，从网上转载而来，并非原创。大家需要可以从别处下载，这里下载需要积分，本人上传只是为了方便保存以供以后所用。
js导出的xlsx无法打开_js文件操作之——导出Excel (js-xlsx)
weixin_39756273的博客
12-22 2486
前阵子跟server同学讨论一个Excel导出的需求，我说JS搞不定，需要server来做，被server同学强行打脸。今天研究了下，尼玛，不光可以，还很强大了！总结：经验是害人的，尤其是在发展迅速的前端圈儿，and，需要保持饥渴，保持对新技术的敏感度。注：以下只探讨现代浏览器1. 最简单的Excel导出原理：js可以通过base64或者blob，把一个包含一个的串，导出成xx.xls格式。而Ex...
NetCore Vue前端实现导出功能及解决导出excel表格无法打开的问题
csdn_aspnet的专栏
07-29 3012
2.数据、文件格式全部在后台封装好，返回给前端一个链接，前端通过点击链接自动下载。1.解析后台返回的文件流。
前端导出Excel打不开文档时
m0_58177520的博客
05-09 1426
这里分别是method:请求方式 ，url:接口路径 ，params:请求参数 ，responseType:"arraybuffer":这个是必加 ，data:省略 ，headers:请求头配置用户的token （注意这里是post请求） 最后导出postFile。在导出Excel表的时候，是打不开文档的，这个时候需要在axios.js文件中进行以下封装。
js导出的xlsx无法打开_angular.js,springmvc_springMVC导出POI的excel，angularjs接收，但是excel打不开xlsx，angular.js,spring...
weixin_39805998的博客
12-22 230
springMVC导出POI的excel，angularjs接收，但是excel打不开xlsxjs导出方法：$scope.showYes = function () {var needFields = getTheNeedFields();$http.post("/aa.do?fields="+needFields, {responseType: 'arraybuffer'}).then(func...
vue导出excel并修改表头样式
10-29
vue导出excel并修改表头样式(请先阅读readme） 安装npm install 执行npm run serve
Vue结合后台导入导出Excel问题详解
10-17
主要介绍了Vue结合后台导入导出Excel问题详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
VUE导出Excel文件.rar
06-02
VUE导出Excel文件，两种方法，方法二带样式：文字居中，自动换行，列宽设置，单元格合并，冻结表头等。 https://www.cnblogs.com/yinxingen/p/11052184.html
vue导出excel表格Blob,Export2Excel
01-15
vue导出excel表格Blob,Export2Excel
(vue)vue导出excel文件打不开，或者文件内容为object object
nyf_unknow的博客
07-01 9774
(vue)vue导出excel文件打不开，或者文件内容为object object
poi 导出excel文件，可以彻底解决无法打开Excel文件问题
一火的专栏
09-01 3136
Java代码为： public static void main(String[] args) throws IOException { Date now=new Date(); SimpleDateFormat dateFormat = new SimpleDateFormat("yyyyMMddHHmmss"); String localname=dateFormat.format(now); String xlsxPath = "d:\\"+ localname + ".
标题vue导出表格数据，excel表格打不开
Raken12的博客
10-13 924
vue导出表格数据，excel表格打不开 代码如下，当时是将**responseType: ‘blob’**写在{headers: getHeader() }外面，导致问题一直没解决，后来经过度娘，了解到要将他的位置放在data同级的对象里，不然下载后的文件打不开，提示文件损坏 ...
vue导出excel文件提示文件无法打开
06-06
你好，如果在使用 Vue 导出 Excel 文件后提示文件无法打开，可能是因为导出的 Excel 文件格式不正确。以下是一些可能导致文件无法打开的问题和解决方法： 1. 文件格式问题：确保导出的文件格式是 `.xlsx` 或 `.xls`，这是常用的 Excel 文件格式。你可以在导出时指定文件格式，如下所示： ```javascript exportExcel() { const wb = XLSX.utils.table_to_book(this.$refs.table); XLSX.writeFile(wb, 'filename.xlsx', { bookType: 'xlsx' }); } ``` 其中，`bookType` 属性指定了文件格式为 `xlsx`。 2. 文件编码问题：Excel 文件一般使用 UTF-8 编码，确保你的导出文件也是使用 UTF-8 编码，如下所示： ```javascript const wb = XLSX.utils.table_to_book(this.$refs.table); const wbout = XLSX.write(wb, { bookType: 'xlsx', type: 'binary' }); const s2ab = function (s) { const buf = new ArrayBuffer(s.length); const view = new Uint8Array(buf); for (let i = 0; i !== s.length; ++i) { view[i] = s.charCodeAt(i) & 0xFF; } return buf; }; saveAs(new Blob([s2ab(wbout)], { type: 'application/octet-stream' }), 'filename.xlsx'); ``` 在这个例子中，我们使用了 `s2ab` 函数将文件编码转换为 `Uint8Array`，然后使用 `Blob` 下载文件。 3. 文件内容问题：确保导出的 Excel 文件内容是正确的，它应该包含正确的表头和数据。你可以在浏览器中打开导出的 Excel 文件，确保它包含正确的数据。如果仍然无法打开，请检查你的代码是否有问题。 希望这些解决方法能够帮到你！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

王大锤4391

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值