前端使用FileReader读中文会乱码

最新推荐文章于 2024-06-22 08:45:37 发布
最新推荐文章于 2024-06-22 08:45:37 发布
阅读量912 收藏 1
点赞数
分类专栏： 前端 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/changyana/article/details/129342985
版权

看一下代码，
在这里插入图片描述
这么读取之后，打印读入的内容，可以看到中文字符都无法正确显示
在这里插入图片描述

应该控制一下读入的格式，代码如下：reader.readAsText(file.raw, 'GB2312')
在这里插入图片描述

然后再看看效果，发现可以啦。大功告成！
在这里插入图片描述

ChangYan.
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用FileReader API创建Vue文件阅读器组件
12-09
值得注意的是，虽然此组件对某些文本文件格式如 .md 或 .doc 表现良好，但对非文本格式如图片或 PDF，可能会出现乱码。如果需要处理这些格式，可以考虑使用其他库或方法，如使用 Blob URL 显示图片，或者使用第三方...
前端中文编码问题
04-13
标题“前端中文编码问题”暗示了我们关注的焦点是前端环境中，中文字符可能遇到的显示异常或乱码问题。这通常发生在以下几个场景： 1. **HTML文档编码声明**：每个HTML文件应该在头部声明其使用的字符编码，通常...
前端使用FileReader解析中文出现乱码问题
smallNut的博客
08-26 1922
前端使用FileReader解析中文出现乱码问题
解决FileReader读取文本文件中字乱码问题
m0_56316453的博客
07-25 4887
String pathname = "web/static/outPutFile.txt"; FileReader reader = new FileReader(pathname); BufferedReader br = new BufferedReader(reader); 原因：编码和解码的方式不一致导致乱码 解决方法一：将txt文件的编码方式设置为UTF-8. 解决方法二：使用转换流InputStreamReader，并设置解码方式为GBK String pathname = "we.
FileReader读取.jsx文件，中文乱码问题 已解决
最新发布
bigfigure的博客
06-22 148
【代码】解决JavaScript中使用FileReader读取文件中文内容乱码问题 已解决。
【FileReader读取文件导致中文乱码】
sally__1的博客
04-18 1043
词法分析器去掉注释。
在Java中使用FileReader.read()进行读取文件时，为什么乱码？两个方法解决
qq_58341172的博客
10-26 2839
我们需要使用int类型的date来，接受fileReader.read()，当接受的数据不为空时，一直循环下去，直到接受到最后一个字符，然后每接受一个数据，就强制转换成 char 打印到控制台，就不会出现乱码的情况了。对象时，没有指定文件的编码格式，因此默认使用的是系统默认的编码格式。如果文件中包含非系统默认编码格式的字符，那么在读取时就会出现乱码。上面这种方法，按理说也可以，但是我使用后发现报错了，不能调用UTF-8，感兴趣的小伙伴，自行尝试 ~原因可能是文件编码与程序读取时使用的编码不一致。
vue 踩坑日志之 FileReader 无法抛出值
sw_dl的博客
08-22 456
【代码】vue 踩坑日志之 FileReader 无法抛出值。
前端项目-encoding-japanese.zip
09-03
5. **字符编码问题**：在实际应用中，前端可能会遇到诸如乱码、部分字符无法显示等问题，这通常是因为源数据的编码与预期的编码不一致。项目中的代码可能提供了解决这些问题的策略，比如自动检测输入的编码类型，...
tableExport + base64 excel、png导出无中文乱码
12-02
本话题主要聚焦于"tableExport + base64"的使用，特别是涉及到中文导出时可能出现的乱码问题，以及不支持IE浏览器的情况。 首先，`tableExport`插件通过将HTML表格转换为对应格式的数据，然后以Base64编码的形式...
java+js实现word文档在线查看（前台+后台所使用到的jar包和js包）
07-08
前端部分，JavaScript可以使用FileReader API读取用户上传的本地文件，然后将文件内容发送到上述的Java后端API。你可能需要使用Ajax或者Fetch API进行异步请求，获取返回的HTML内容并在页面上显示。例如，使用jQuery...
vue上传文本文件后读取文本文件中的内容，并用js-yaml处理数据
风如也的博客
11-10 3760
vue上传文本文件后读取文本文件中的内容 使用场景：当需要上传文件时，我们前端需要读取出上传的文件中的内容，然后处理成一个json列表的格式，传给后端。 文本文件都可以读取（可以用.txt打开的文件），如 .excel，.yaml 文件等 读取文件 // 读取文本文件内容 async readFile(file) { const reader = new FileReader() const promise = new Promise((resolve, reject) => {
FileReader读取文件出现乱码的解决办法
热门推荐
梦岚如雪
03-03 2万+
　　之前用FileReader读取文件时输出控制台发现出现了中文乱码，考虑到应该是编码格式不一致的问题导致的，这里在本地创建的一个txt文本文件，默认保存的文件编码格式是ANSI，那么FileReader在读取文件的编码格式一定是和文件编码格式不一致导出出现乱码的，首先想到的是指定一下FileReader读取文件的编码格式，但是看了一下FileReader的源码见下图 　　 　　 ...
字符流---字符输入流Reader与FileReader及解决中文乱码问题
WDWDWDGJW的博客
11-16 1305
字符输入流Reader(抽象类---基类)常用方法: int read() int read(char[] c) int read(char[] c, int off ,int len) viod close() FileReader类是Reader的孙子类: FileReader(File file) FileReader(String name) FileReader读取文件： 引入资源 创建FileReader对象 调用相应reader()读取文件 关闭字符流 ...
vue项目实现中英文切换
weixin_45711931的博客
05-06 2839
步骤二：创建基本目录（language文件夹是翻译的数据文件，views文件夹下的是页面，part1和part2代表项目的不同模块，每个模块下都有对应的页面）需求：vue项目实现中英文切换。步骤一：安装vue-i18n。步骤三：简单编写下基本界面。如果要在js中引用如下。步骤四：编写翻译文件。
vue实现自定义分页，获取本地文件解决中文乱码问题，手动处理多数据分页
weixin_52046784的博客
10-14 305
1、封装分页组件，代码部分 <template> <div class="footer" id="pagefoot"> <div class="footLeft"> <span>每页：</span> <input type="text" v-model="pageAutoSize"> <span> 条，</span> <span
JS前端new FileReader获取文件后显示乱码 你来对了
qiankui的博客
03-10 3554
reader.readAsText(files[0], "gb2312"); 设置gb2312
File.ReadAllText 读取中文乱码问题
weixin_34258838的博客
11-06 5474
原文:File.ReadAllText 读取中文乱码问题 用 File.ReadAllText(filepath)   去读取中文txt文件会遇到乱码问题，我自己测试了一下，ANSI编码的txt才会出现这种问题，其他编码入utf-8、unicode不会出现这类问题，编码上面通过一个重载就可以搞定了 File.ReadAllText (path, Encoding.Defaul...
java 中文读取
Warms的博客
07-30 3135
java 中文读取在不同编码方式下中文字符的16进制值用字符流读取中文使用FileReader读取文本 在不同编码方式下中文字符的16进制值 编码方式不同，中文的16进制值也是不同的，例如“中”字 package JavaIOTest; import java.io.IOException; import java.io.UnsupportedEncodingException; import...
new FileReader() 中文乱码
11-03
在使用 FileReader 读取文件时，中文会因为编码的原因出现乱码。解决方法有两种： 1.在 FileReader 中指定编码方式，例如：FileReader fileReader = new FileReader("D:\\aaa\\4.txt", Charset.forName("GB2312")); 2.使用 InputStreamReader 将 FileInputStream 转换为字符流，并指定编码方式，例如：InputStreamReader isr = new InputStreamReader(new FileInputStream("D:\\aaa\\4.txt"), "GB2312"); FileReader fileReader = new FileReader(isr);
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值