new Blob()保存.csv或者.xlsx文件后中文乱码问题！！！

最新推荐文章于 2025-01-28 09:39:38 发布
原创 最新推荐文章于 2025-01-28 09:39:38 发布 · 1.1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript

由于未提供博客具体内容，无法给出包含关键信息的摘要。

 

 

在vue项目中实现 将数据导入Excel 三种方式(.xlsx , .csv)
weixin_44781409的博客
05-25 2万+
在vue项目中实现 将 ECharts 图表数据导出excel 两种方式
java读ansi文件乱码,Java 读取ANSI文件中文乱码问题解决方式[转]
weixin_29483167的博客
03-16 1738
第一步：首先判断源文件的编码格式：按照给定的字符集存储文件时，在文件的最开头的三个字节中就有可能存储着编码信息，所以，基本的原理就是只要读出文件前三个字节，判定这些字节的值，就可以得知其编码的格式。其实，如果项目运行的平台就是中文操作系统，如果这些文本文件在项目内产生，即开发人员可以控制文本的编码格式，只要判定两种常见的编码就可以了：GBK和UTF-8。由于中文Windows默认的编码是GBK，所...
Blob+Export2Excel.rar
04-28
VUE导出Blob.js+Export2Excel.js用于导出excel的2个JS，可以满足大部分的需求
javascript利用blob保存的文件中出现中文乱码的问题
10-26 8387
1.问题描述 在浏览器中利用blob保存到本地含有中文的文件，中文变成乱码。代码如下： <!DOCTYPE html> <html> <body> <a id="id" download="a.txt">Click Me</a> <script> const...
blob 导出csv 用execl打开出现乱码
weixin_33963594的博客
12-07 1418
为什么80%的码农都做不了架构师？>>> ...
Blob对象导出.csv文件，excel打开乱码问题
qq_42253261的博客
06-17 973
工作过程遇到导出excel文件，中文乱码问题，在此记录一下 new Blob(['\uFEFF'+response],{type:'application/octet-stream'})
blob js 下载word乱码_blob 导出csv 用execl打开出现乱码
weixin_42467374的博客
01-13 692
解决方式，在传入blob的字符前加”\uFEFF”;，具体代码如下 ExcellentExport.js的方法，利用base64下载文件。支持chrome ,opera,firefox. 于是决定拿来为我所用！说明一下，这个js的好处是：一句js脚本,就能前台下载，完全无须后台。但外国人不了解中文的csv用excel打开直接乱码。 但用记事本打开，再直接保存，或另存为ansi都可以让中文不乱码。j...
Vue 采用blob下载后端返回的pdf流或者excel流文件乱码问题解决方案_blob pdf
2501_90366368的博客
01-28 1118
打开或者预览全是乱码。解决办法：1. 后端接口返回的blob文件流，你下载下来的文件是乱码的？解决办法 ：让你的后端设置流的编码为utf-8。请跟后端大佬说，一定要给blob格式的文件流。2. 后端返回的blob文件流，并且已经设置了utf-8,但是你接受的接口返回值，依然是乱码？解决办法： 肯定没有设置 responseType: “arraybuffer”。
const blob = new Blob([res.data], { type: 'application/xlsx' // text/plain }) // 构造一个blob对象来处理数据，并设置文件类型 const a = document.createElement('a') // 生成一个a标签 const href = window.URL.createObjectURL(blob) // 创建下载的链接 a.href = href // 指定下载链接 a.download = '新建XLSX 工作表.xlsx' // 指定下载文件名 document.body.appendChild(a) // 把a标签加到页面中 a.click() // 触发a标签下载 document.body.removeChild(a) // 下载完成移除元素 window.URL.revokeObjectURL(href) // 释放掉blob对象 下载的文件打不开
04-03
好的，用户现在遇到了一个使用Blob下载Excel文件但文件打不开的问题。之前我已经给过他们关于正确设置MIME类型的建议，但用户现在提供的代码里type用的是'application/xlsx'，这显然是不对的。我需要仔细分析他的...
let blob = new Blob([response], {type: 'application/vnd.ms-excel;charset=UTF-8'}); let objectUrl = URL.createObjectURL(blob) let link = document.createElement("a"); link.href = objectUrl; link.download = "目标导入校验结果.xlsx" document.body.appendChild(link); link.click(); //释放内存 window.URL.revokeObjectURL(link.href); 导出excel乱码
最新发布
07-04
首先，用户的问题是：“导出excel乱码”，意思是导出Excel文件时出现乱码。用户提供了代码片段，显示使用JavaScript创建Blob对象来导出Excel文件，但出现乱码。 我的回答需要：1.使用中文。2.回答完问题后，必须...
Vue 采用blob下载后端返回的pdf流或者excel流文件乱码问题解决方案
Gavin的博客
05-20 1809
打开或者预览全是乱码。预览pdf如下图：解决办法：1. 后端接口返回的blob文件流，你下载下来的文件是乱码的？解决办法 ：让你的后端设置流的编码为utf-8。请跟后端大佬说，一定要给blob格式的文件流。2. 后端返回的blob文件流，并且已经设置了utf-8,但是你接受的接口返回值，依然是乱码？解决办法： 肯定没有设置 responseType: “arraybuffer”。
后端返回的Blob是乱码怎么处理
link_two的博客
07-10 686
使用以上代码也可以进行下载导出 ，当然我么肯定是需要在封装请求的时候处理这个问题，博主采用的是fetch请求，小伙伴们根据自己情况采用，这里只是提供了一个思路。
vue 导出excel,new Blob导出excel，“\uFEFF“解决乱码问题
qq_28098919的博客
03-11 1312
function createCSV() { var res = [ //示例数组 { 'name': 'bob', 'age': '13', 'career': 'student' }, { 'name': 'clare', 'age': '20', 'career': 'engineer' } ]; var dataType = "\uFEFF"; //解决乱码问题 dataTyp.
干货：blob导出文件乱码（或者直接打不开）的解决方案
热门推荐
qq_38804584的博客
10-23 1万+
这个bug太太太太，磨人了 ，从昨天下午找到今天下午！！！吐血了 直入正题： 后台返回是这样的：看图 ↓ 我的导出代码是这样的： export function exportExcel(url, params = {}) { return new Promise((resolve, reject) => { axios({ method: "get", url: url, // 请求地址 params, responseType
blob导出文件乱码
征征酱
12-08 2013
需求 导出xlsx 后端成功返回结果 这一串不知道什么东东 百度了一下发现前端需要使用new blob去操作 然后我的导出是这样的 导出不是文件类型错误就是[object, object], 郁闷一下午 后来发现直接responseType直接设置 blob 就行 返回之后不需要new blob() 更改之后 return axios .post( url, { dataList: params, }, { he
Blob导出csv格式后用excel打开出现乱码
abei0518的博客
03-24 590
let Bom = "\uFEFF" // 加上这个试试，确实有用 a.href = URL.createObjectURL( new Blob([Bom+blob]) ) 具体解释：https://my.oschina.net/dawd/blog/801323
解决vue2.x导出blob流的excel乱码问题
alonesupermen的博客
05-10 1583
项目场景： 解决vue2.x导出excel乱码的问题~~~~~ 采用的UI框架的vuetify—,vue版本是2.x,导出excel是后端返回blob流，前端通过a标签下载 问题描述 注释mock,requestType: blob, 文件类型都试过了，反正下载下来乱码，后端测试下载是完全Ok的。 下面说下解决办法，这个办法是和后端协商解决的，具体咋处理，就不知道了，发表此文章的目的在于记录奇怪bug, 加了个请求头Download-Request //这个是请求 axios() .post
后端返回blob 文件下载乱码 前端解决方案
weixin_43858851的博客
08-24 954
后端返回blob 文件下载乱码 前端解决方案
前端实现创建a标签，利用new Blob下载成csv，"\uFEFF"解决乱码问题
jiaweimin123的博客
11-16 4796
function createCSV() { var res = [ //示例数组 { 'name': 'bob', 'age': '13', 'career': 'student' }, { 'name': 'clare', 'age': '20', 'career': 'engineer' ...
采用blob对象下载的文件流是乱码
07-03
在使用 `Blob` 对象进行文件下载时，中文乱码是一个常见的问题，通常与字符编码、MIME 类型设置以及数据流的处理方式有关。以下是一些解决方案和注意事项： ### 设置正确的 MIME 类型和字符编码 确保在创建 `Blob` 对象时指定正确的 MIME 类型和字符编码。例如，对于文本文件（如 `.txt` 或 `.csv`），可以使用 `text/plain;charset=utf-8`；而对于 Excel 文件（`.xlsx`），则应使用 `application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8`。 ```javascript const data = '测试下载文件\n' + 'wewewe\n'; const blob = new Blob([data], { type: 'text/plain;charset=utf-8' }); const url = URL.createObjectURL(blob); ``` ### 使用合适的响应头配置后端 如果后端返回的是二进制流，需要确保服务器端设置了正确的 `Content-Type` 响应头。例如，对于 Excel 文件，应该设置为 `application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8`，而不是 `text/html` 或其他类型。 ```java response.setContentType("application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8"); ``` ### 处理 Axios 请求时的响应类型 当使用 Axios 进行文件下载时，建议将 `responseType` 设置为 `blob`，以确保接收到的数据是二进制格式，并且能够正确地转换为 `Blob` 对象。 ```javascript this.$http.post("download", { fileName: file.filename }, { responseType: 'blob' }) .then(function(response) { let blob = new Blob([response.data], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8' }); let downloadElement = document.createElement('a'); let href = window.URL.createObjectURL(blob); downloadElement.href = href; downloadElement.download = 'xxx.xlsx'; document.body.appendChild(downloadElement); downloadElement.click(); document.body.removeChild(downloadElement); window.URL.revokeObjectURL(href); }); ``` ### 检查数据是否被错误解析 有时，在请求过程中，数据可能会被错误地解析为字符串，而不是作为原始二进制数据处理。为了避免这种情况，确保在发送请求时明确指定 `responseType: 'blob'`。 ```javascript let config = { responseType: 'blob' }; axios.get('/api/download', config).then(res => { const blob = new Blob([res.data], { type: 'application/octet-stream' }); const downloadUrl = window.URL.createObjectURL(blob); const link = document.createElement('a'); link.href = downloadUrl; link.setAttribute('download', 'filename.ext'); document.body.appendChild(link); link.click(); link.remove(); }); ``` ### 处理文件名中的中文字符 如果文件名包含中文字符，可能需要对文件名进行编码，以避免浏览器在处理下载文件名时出现乱码。 ```javascript const encodedFileName = encodeURIComponent(this.dowloadFile.file_name); const a = document.createElement("a"); a.href = url; a.download = decodeURIComponent(encodedFileName); // 避免重复编码 a.click(); ``` 通过上述方法，可以有效解决 `Blob` 下载文件时出现的乱码问题[^1]。
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值