vue下载excel文件乱码问题，亲测有效

最新推荐文章于 2024-07-29 16:39:13 发布
最新推荐文章于 2024-07-29 16:39:13 发布
阅读量5.8k 收藏 8
点赞数 6
文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/HYLJun/article/details/104812198
版权

项目中使用vue，在下载excel文件的时候，遇到了乱码问题，困扰了好久，查了网上的很多资料都没用，后来查阅了一篇博客，解决了问题。后端是流的形式返回的。

我尝试把返回类型（responseType: 'blob'）写在接口调用的地方，发现还是乱码。

后来把返回类型（responseType: 'blob'）写在接口定义的地方就好了，如图1

图1

图2

aZuo0817
关注
axios请求下载excel文件以及文件乱码问题
LLG
03-31 3427
一、如何下载文件 通过接口下载文件方式这里提供两种方法作为参考： 下载文件时responseType有两种类型可以指定，根据情况使用 responseType: 'arraybuffer' 或者 responseType: 'blob' 方法1：创建a标签实现 this.axios.post('/export-excel', {}, { responseType: 'blob' }).then(function (res) { const url = window.URL.create
vue ajax二进制文件乱码,vue axios 请求二进制流excel文件，response乱码
weixin_28769407的博客
08-05 757
最后一次更新：既然楼主采纳了我的答案，但有些问题，我还是要仔细说说，为此我写了如下一段代码,为了方便，我是直接下载一个存在在服务器根目录下的xls。axios.get('http://127.0.0.1/1.XLS', {responseType: 'blob' //指定返回数据的格式为blob}).then(response => {console.log(response);//把res...
html静态读取excel文件
12-13
html通过js读取自己选择的excel然后以json格式显示在页面上
vue Excel下载乱码
yxrsssssss的博客
03-20 406
原来在本项目中使用了mockjs来模拟请求后端接口获得数据，然而我看了下代码，mock并没有对这个下载接口做拦截啊，那为什么这个接口返回blob有问题了，于是我看了下mockjs的源码，大概知道原因在那了。我就发现，请求的resposeType是空，不是blob类型，识别不了，一直下载文件都是乱码，搞得我真想骂人了，到底是怎么回事，后来搜到一个博主，终于让我找到原因了。对于这个问题，搞了我两天，心态都给我怎崩溃了。心累呀，找个解决问题，刚开始后端都在找原因，怀疑自己是不是写错了。
解决vue中使用axios来进行文件下载 出现乱码的问题 pk为前缀 (附带解决方案)
最新发布
m0_73535888的博客
07-29 266
【代码】解决vue中使用axios来进行文件下载 出现乱码的问题 pk为前缀 (附带解决方案)
vue下载后台excel内容乱码
qq_32438679的博客
10-20 292
https://github.com/kennethjiang/js-file-download 安装插件 return request({ url, method: ‘post’, responseType: ‘blob’ }) 添加 responseType: ‘blob’ 关闭mock
Vue 采用blob下载后端返回的pdf流或者excel流文件乱码问题解决方案
Gavin的博客
05-20 934
打开或者预览全是乱码。预览pdf如下图：解决办法：1. 后端接口返回的blob文件流，你下载下来的文件是乱码的？解决办法 ：让你的后端设置流的编码为utf-8。请跟后端大佬说，一定要给blob格式的文件流。2. 后端返回的blob文件流，并且已经设置了utf-8,但是你接受的接口返回值，依然是乱码？解决办法： 肯定没有设置 responseType: “arraybuffer”。
Vue Excel 文件流导出乱码快速解决方案
高大志leo的博客
05-13 1949
Vue Excel 文件流导出乱码快速解决方案，深入排查版。
Vue 采用blob下载后端返回的excel流或者pdf流文件乱码问题解决方案
weixin_44897405的博客
11-28 3847
我大意了啊，没有闪~~~~年轻人不讲5的，这真的是个坑。。。 网上有很多pdf或者excel转后台返回的流文件方法，但是下载或者预览就特么炸裂了，打开或者预览全是乱码，现在我来填坑。。。 预览pdf如下图： 这个charset=utf-8一定要添加，不添加可能乱码，如果后台返回的格式里面有，那就没必要了！ 代码： const binaryData = [] binaryData.push(res.data) // 获取blob链接 this.pdfUrl = window.URL.createObject
vue下载excel文件
pqj222的博客
08-08 3279
公司后台管理系统前端用iview做的，最近需要做个导出功能，前后台代码写完后联调，发现前台下载excel后是乱码，以下为解决办法 1、新开页面直接下载excel 由于新开页面链接和前台页面的域名不一样，导致后台拿不到登录token,业务代码会报错，所以放弃了这种方式 如果有人采取这种方式可以参考 controller代码： @GetMapping(value = "inve...
vue 解决导出excel 乱码问题
蜗牛
12-02 2297
实现前端导出功能，一顿乱写后发现导出乱码 测试直接调后台接口，没问题；已设置responseType:'blob'，相同的代码，在两个前端门户中，一个正常，一个导出乱码（最怕这种问题） 于是乎开始了漫长的找坑之旅 先看代码： axios({ method: 'post', url: `/downloadUrl`, // 请求地址 data: this.searchForm, // 请求数据 r
Vue导出excel必备js文件
02-03
blob与Export2Excell.这两个文件是Vue导出excel必备js文件
VUE项目关于CSV导出乱码
weixin_45147505的博客
05-14 319
我遇到的问题是控制台打印信息正常，但是导出成CSV文件就乱码了。我在网上检索了一下，按照给的一些示例修改但是也不行。
FE - Vue 使用 XLSL 导出 excel 文件
原小明
10-18 4146
库地址：SheetJS - js-xlsx可能需要的其他库：filesaveJS package.json "xlsx": "^0.11.6", "file-saverjs": "^1.3.6"数据格式可单独写个接口为下载 excel 文件操作 [ ['cols1','cols2','cols3'], ['data1','da
Vue下载文件乱码问题
Dr.Monster小站
06-05 1051
【代码】Vue下载文件乱码问题。
vue 导出Excel乱码问题解决方案
热门推荐
xuelang532777032的博客
07-29 1万+
我的 群153181864 前端交流群，绝对原创，转载请附上 本微博链接。打赏下哦~ vue交流1群:153181864 前端交流群（满） vue交流2群:869745456 前端交流2群 博主用的是 vue element框架 ， 流程描述下 1、前端用vue +axios 请求 后端数据 2、请求的数据在前端 打包成Excel文件 ， 3、弹出下载 .xls的弹窗 很奇怪的是 后端swagger-ui.html导出来的Excel 还是正常的，前端导出的就不行！ 最后导出的.xls的...
vue3+element表格调用后台接口实现Excel导出功能以及导出乱码问题解决
用心创作每一篇文章
11-24 2719
看到这种返回信息，表格数据基本上是已经拿到了，现在只需要做一下数据的处理即可导出表格。接口返回数据导出，通常需要请求后端接口获取数据，接口返回的数据基本上是。的，需要先处理乱码的数据，否则导出来的文件是损坏的，如下。在请求接口的位置添加。
vue3 二进制流导出excel乱码问题
lyna的博客
05-26 1578
vue3二进制流转为excel乱码问题处理
vue下载excel乱码
05-19
Vue下载Excel文件出现乱码问题一般是因为Excel文件编码与网页编码不一致导致的。可以尝试以下方法来解决问题： 1. 在后端将Excel文件编码设置为UTF-8，例如PHP中可以使用`header('Content-Type: application/vnd.ms...
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值