前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >element ui 上传文件,读取内容乱码解决

element ui 上传文件,读取内容乱码解决

作者头像
deepcc
发布于 2018-08-01 07:23:59
发布于 2018-08-01 07:23:59
2.3K00
代码可运行
举报
文章被收录于专栏:deepccdeepcc
运行总次数:0
代码可运行

element ui 上传文件,读取内容乱码解决:

加第二个参数

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
reader.readAsText(file.raw,'gb2312');
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<el-upload
                            class="upload-demo"
                            ref="upload"
                            
                            :on-change="handleChange"
                            :file-list="fileList"
                            accept = ".txt"
                            :auto-upload="false">
                            <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
                            
                        </el-upload>
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
handleChange(file, fileList) {
                var _this = this;
                if (file.raw) {                    
                    let reader = new FileReader()  
                    reader.onload = function (e) {
                       _this.contentHtml = e.target.result;
                    };
                    reader.readAsText(file.raw,'gb2312');
                
                }
                console.log(file, fileList);
            },
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018-06-01 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
el-upload 上传Demo
<el-upload class="upload-demo" ref="upload" :on-change="handleUploadChange" :on-success="handleImportSuccess" :before-upload="beforeImportUpload" :http-request="uploadZip" :file-list="fileList" :on-remove="handleUploadRemove
李维亮
2021/07/08
1.3K0
Vue+Element前端导入导出Excel(实践)
arr就是我们要的结果,是一个数组。每一个值是个对象,包含了code type两个属性。
coder_koala
2020/03/06
4.6K1
Vue+Element前端导入导出Excel(实践)
Element-UI Upload 手动上传文件的实现与优化
在Web开发中,文件上传是一个常见的需求。Element-UI作为一套优秀的Vue组件库,提供了丰富的上传组件,其中<el-upload>就是用于文件上传的组件。本文将重点介绍如何使用Element-UI的Upload组件进行手动文件上传,以及在实际应用中的一些优化策略。
IT_陈寒
2023/12/14
5.9K0
Element-UI Upload 手动上传文件的实现与优化
Vue上传文件操作(没有CV,认真看)
图示为单文件上传,可将form改为fileList实现多文件上传,这是通过axios异步上传,若是想直接上传可将内容为上传文件那个button
全栈程序员站长
2022/11/18
7410
Vue+element图片上传 原
采用比较笨的js解决方法,将bolb文件打开,读取src属性(这是一个base64的数据流),把src的内容一起发送给后端。
晓歌
2018/08/15
1.5K0
Koa2实现多并发文件上传
目前的是为了实现批量导入md文件,发布文章。这样就不用自己一篇一篇同步文章了。一次可以同步几千篇文章。
微芒不朽
2024/07/08
1640
Koa2实现多并发文件上传
vue 图片转base64格式方法总结
注意: 今天在使用Vue进行文件上传的代码编写时,发现报错: Error in v-on handler: "TypeError: Failed to execute 'readAsDataURL' on 'FileReader': parameter 1 is not of type 'Blob'." `
江一铭
2022/06/17
1.3K0
vue 图片转base64格式方法总结
前端解析csv或geojson文件并展示
本位通过FileReader实现csv或geojson文件的前端解析并在地图上展示。
牛老师讲GIS
2023/07/11
7210
前端解析csv或geojson文件并展示
大文件上传切片上传 vue java
使用vue+elementui进行前端开发, 实现在dialog中 带进度条的上传大文件页面
solate
2020/06/18
6.9K1
element-ui上传组件,通过自定义请求上传文件
首先关闭自动上传,并给随便给action赋值一个字符串。(action是必填属性)
codeniu
2022/02/25
4.6K0
vue实现上传文件[通俗易懂]
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/170637.html原文链接:https://javaforall.cn
全栈程序员站长
2022/09/22
1.3K0
关于el-upload看这一篇就够了
通过 <input type="file"> on-change 事件获取上传文件
奋飛
2022/09/19
8.6K0
el-upload上传文件
这个比较简单,因为element-plus也封装好了,只需要使用headers属性,去设置请求头即可
赤蓝紫
2023/03/16
2.1K0
el-upload上传文件
Vue + Flask 小知识(一)
首先,我们要有一个后台接口,来获取到指定目录下的文件。例如如果我们想获取目录下的 xlsx 文件,那么可以编写代码如下:
周萝卜
2019/07/17
1.2K0
Vue + Flask 小知识(一)
HTML5 FileReader 读取txt文件
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/j_bleach/article/details/53574789
j_bleach
2019/05/26
8.4K0
使用Vue封装一个实用的人脸识别组件
由于我们的电脑有的有摄像头,有的没有摄像头,所以我们需要根据不同的场景来封装这个组件。先放个图吧,大家可以看得更加直观一些。
Vam的金豆之路
2021/11/30
3.6K1
使用Vue封装一个实用的人脸识别组件
踩坑总结!elementUI组件之upload上传控件的multiple属性,设置false报错!
看到multiple参数的类型是boolean,如果简单的以为“它的值要么是true,要么是false”,那就错了,完美踩坑!!!
acoolgiser
2020/05/01
5.1K0
vue实现文件上传和下载_vue上传文件前端完整实例
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/170636.html原文链接:https://javaforall.cn
全栈程序员站长
2022/09/22
4.3K0
vue实现文件上传和下载_vue上传文件前端完整实例
自定义element UI的upload组件
本文由腾讯云+社区自动同步,原文地址 https://stackoverflow.club/article/elementui_upload_custom/
羽翰尘
2019/11/20
2.6K0
Vue上传文件到springboot
使用on-change属性,将每次添加的文件依次推入到fileLists中,然后将fileLists的文件使用formData封装,请求头为'multipart/form-data'
全栈程序员站长
2022/11/03
1.5K0
相关推荐
el-upload 上传Demo
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验