【无标题】前端下载表格，内容乱码的问题

最新推荐文章于 2024-07-24 11:44:54 发布
最新推荐文章于 2024-07-24 11:44:54 发布
阅读量81 收藏
点赞数
文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_47837568/article/details/124035355
版权
文章讲述了在项目场景中遇到的web端用户七天免登录的问题，原因是服务器返回的数据格式未作规定。解决方案是设定HTTP响应的responseType为blob，以确保数据正确处理，避免乱码问题。默认情况下，响应数据可能是text格式，这可能导致解析错误。
摘要由CSDN通过智能技术生成

项目场景：

表格内容乱码

问题描述

web端用户七天免登录

原因分析：

没有对返回的数据进行格式规定

解决方案：

设置responseType：blob，返回的数据为blob格式，不设置的默认为text格式

解决场景:

在这里插入代码片
小太阳呀_
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
服务器下载word乱码解决方案（文件名乱码、内容乱码）
08-19
往往开发环境和生产环境在环境部署时会遇到很多奇怪的问题，此次word文档下载就被卡住了，通过一番努力终于找到了原因，分享给大家。上传文件txt格式，内有方法详细的代码注释及原因说明，jar包比较常见，大家自行导入，希望可以帮到大家。
前端开源库-papaparse
08-30
PapaParse是一款在前端开发中广泛使用的开源库，专门用于CSV（逗号分隔值）数据的解析和转换。CSV格式是一种常见的数据交换格式，由于其简单性和通用性，在数据分析、导入导出等方面非常常见。PapaParse库的出现，为...
前端文件下载word乱码问题
最新发布
qq_67996188的博客
07-24 497
记录一次word下载乱码问题
前端下载文件流 出现乱码 解决方案
weixin_46448762的博客
07-18 598
2. 若添加 utf-8 后依旧乱码 请求配置中添加 responseType: 'arraybuffer',1. 后端返回文件格式不是 utf-8。
前端下载文件，乱码处理and文件重命名
weixin_46643216的博客
03-15 3043
返回的数据是一堆乱码，并且无法下载 请求接口中设置responseType 后端返回是一个Blob的文件流形式的下载方式 <a>标签的download是HTML5标准新增的属性，作用是指示浏览器下载URL而不是导航到URL，因此将提示用户将其保存为本地文件。另外，download属性的值可以指定下载文件的名称。 Downloads(row).then((res) => { console.log(res); let blob ..
【前端】二进制流文件乱码,如何下载
qq1245460957的博客
06-28 894
最近接手一个项目修修改改，突然有一天发现有个下载文件功能点击是弹出乱码报错,点进去代码一看:好家伙，基本就是一个空方法和Message报错提示框，功能都没写。跟领导反馈，果不其然让我将下载功能完善，甚至乱码都让我前端解决,好吧谁让后端是我大哥。一开始想先将乱码解码但是一直没有效果，于是使用最简单的方法直接处理二进制。1.修改返回响应数据类型为blob。2.创建标签下载文件。
jquery实现自定义树形表格的方法【自定义树形结构table】
10-16
此外，代码中还提到了`initTreeAction`函数，这个函数很可能与树形表格的展开/折叠以及交互事件绑定有关，它应该会初始化表格的行操作功能，比如点击行标题的展开和折叠子节点。 `createNewTable`函数是一个递归...
使用PHPExcel实现数据批量导出为excel表格的方法(必看)
10-19
->setTitle('数据EXCEL导出') // 标题 ->setSubject('数据EXCEL导出') // 主题 ->setDescription('导出数据') // 描述 ->setKeywords("excel") // 标记 ->setCategory("result file"); // 类别 // 设置当前...
Week2P2：第2周，问题2-MBD里程碑
02-25
主体部分则包含网页的实际内容，如段落（`<p>`）、标题（`<h1>`到`<h6>`）、图像（`<img>`）和超链接（`<a>`）。 HTML标签是其核心元素，每个标签都有特定的含义。例如，`<div>`用于分组元素，`<span>`用于内联元素...
一个简单的HTML+PHP+MySQL的交互页面（输入框内容查询，HTML页面显示）
01-08
标题中的“一个简单的HTML+PHP+MySQL的交互页面（输入框内容查询，HTML页面显示）”指的是使用HTML作为用户界面，PHP作为后端处理逻辑，MySQL作为数据存储，实现一个简单的用户输入查询并显示结果的功能。...
解决js文件引起乱码问题
08-22
解决js运行得出的结果乱码的问题。（只需要发布web项目前将js文件转化一下即可。）
解决前端导出excel文件，打开为乱码
Zhou_siyue的博客
08-29 6183
解决前端导出excel文件打开为乱码的问题：关键参数responseType，注意点：自定义上传
前端接收后端导出的excel乱码、打开excel格式或文件扩展名无效等问题
qq_51758070的博客
06-24 7730
问题1：接收后端数据一通乱码，如下图：解决方法：在请求数据的时候添加responseType: 'blob'，如下图 结果：这样接收就不会乱码且不会出现excel格式或文件扩展名无效的问题。问题2：在我用axios({}).then()方法前，我把请求进行了二次封装，如下图在JS中请求，如下图 结果：不会乱码，但是会出现excel格式或者扩展名无效的问题，如下图：总结：请求接收excel表格，在js文件用axios({}).then()，且添加responseType:'blob'的方式进行请求，不要封装请
前端导出表格乱码情况
wzy0507的博客
08-20 229
本周一直在改项目的bug然后遇到了一个新的东西是blob对象Blob对象是一种表示不可变、原始数据的数据类型。它可以用于存储二进制数据、文件数据或大型数据等。1 创建blob对象//data是二进制数据通过FormData对象的getBlob方法创建Blob对象我们这次写的项目有导出表格的功能就用了这个方法 是同步访问后端接口axios({url: `${axios({
关于前端文件名乱码的处理 及 是 浏览器查看还是下载的设置
a729812804的专栏
07-27 566
设置 response.setContentType("application/force-download");另外 我做的是pdf的浏览器内查看 所以设置了。
Vue 采用blob下载后端返回的pdf流或者excel流文件乱码问题解决方案_blob pdf
2301_82244509的博客
05-16 1003
技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】打开或者预览全是乱码。解决办法：1. 后端接口返回的blob文件流，你下载下来的文件是乱码的？解决办法 ：让你的后端设置流的编码为utf-8。请跟后端大佬说，一定要给blob格式的文件流。2. 后端返回的blob文件流，并且已经设置了utf-8,但是你接受的接口返回值，依然是乱码？
前端接收后端传的文件流并下载解决乱码问题
weixin_48052655的博客
01-06 1362
因为存在多种场景，可能需要通过不同查询值，或者选中部分数据才能导出的话，这时候通常会用到POST请求，但是请求回来的数据流都存在乱码情况，在axios请求中加上responseType:‘blob’，注意：不是加在headers中，这个意思是将后台返回数据转为blob，还有一点需要强调。后端返回文件流，前端可能会导出txt或者excel的时候，里面的中文会出现乱码文章来源地址https://www.yii666.com/blog/504108.html网址:yii666.com<
前端发送文件下载请求，接收后端发送的csv文件，关于乱码问题的处理
叼着零食打架
12-07 738
前端发送文件下载请求，接收后端发送的csv文件，关于乱码问题的处理
java如何接收前端传入的中文乱码问题
04-24
Java 可以通过使用字符编码的方式来接收前端传入的中文乱码问题。常见的字符编码包括UTF-8、GBK等。前端在传输数据时需要指定数据编码格式，Java服务端也需要对请求进行编码解析。可以使用Java提供的ServletResponse...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值