vue从服务器获取csv文件,前端 VUE 解析 CSV 文件

测试文件及依赖下载

静态依赖

yarn包

yarn add jschardet -s

yarn add papaparse -s

业务代码

template

ref="upload"

action

:limit="1"

:file-list="fileList"

:auto-upload="false"

:http-request="httpRequest"

点击上传

method

httpRequest(param) {

let fileObj = param.file; // 相当于input里取得的files

let fReader = new FileReader();

fReader.readAsDataURL(fileObj);

fReader.onload = evt => {

// 检查编码

let encoding = this.checkEncoding(evt.target.result);

// 将csv转换成二维数组

Papa.parse(fileObj, {

encoding,

complete: res => {

// UTF8 \r\n与\n混用时有可能会出问题

let data = res.data;

if (data[data.length - 1] == "") {

//去除最后的空行

data.pop();

}

console.log(data);

}

});

};

// 检查编码，引用了 jschardet

checkEncoding(base64Str) {

// 这种方式得到的是一种二进制串

let str = atob(base64Str.split(";base64,")[1]);

// 要用二进制格式

let encoding = jschardet.detect(str);

encoding = encoding.encoding;

if (encoding == "windows-1252") {

// 有时会识别错误(如UTF8的中文二字)

encoding = "ANSI";

}

return encoding;

}

vue从服务器获取csv文件,前端 VUE 解析 CSV 文件相关推荐

vue插槽面试题_关于前端Vue框架的面试题，面试官可能会问到哪些。？
这年头,程序员面试都讲究坐姿,姿势不对,努力白费. 参照下图,请同学们对号入座. 回想一下,自己平时面试的坐姿,你在面试官眼里,大概是什么形象,可能是工程师,也可能是键盘侠,或者找麻烦的. 当然了,想 ...
baidumap vue 判断范围_懂一点前端—Vue快速入门
01. 什么是 Vue Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架,是当下很火的一个 JavaScript MVVM 库,是以数据驱动和组件化的思想构建的 ...
android 将SQLite数据库的表格导出为csv格式，并解析csv文件
在做android的开发的时候,将数据保存到SQLite数据库中,有时候会要将保存的这些数据导出成excel表格,这样更方便查看.通过查找资料,可以将数据库中的表格转化成 csv(Comma-Sepa ...
spark解析csv文件_Spark：解析CSV文件并按列值分组
spark解析csv文件我发现自己经常使用大型CSV文件,并且意识到我现有的工具集不能让我快速浏览它们,我以为我会花一些时间在Spark上看看是否有帮助. 我正在使用芝加哥市发布的犯罪数据集 :它的 ...
csv格式文件解析失败_理解CSV格式规范（解析CSV必备）
什么是CSV 逗号分隔值(Comma-Separated Values,CSV),其文件以纯文本形式存储表格数据(数字和文本),文件的每一行都是一个数据记录.每个记录由一个或多个字段组成,用逗号分隔. ...
python读取svg文件_Python lxml解析svg文件
我试图从 http://kanjivg.tagaini.net/解析.svg文件,但我无法成功提取内部信息. 0f9ab.svg的一部分如下所示: 我的.py文件: import lxml.etree ...
理解CSV格式规范（解析CSV必备）
什么是CSV CSV的格式规范关于CSV文件解析参考于CSV in Wikipedia 参考于RFC 4180 参考于CSV Reader 什么是CSV 逗号分隔值(Comma-Separated ...
理解CSV格式规范（解析CSV必备）(转载)
版权声明:据说这里是用来声明原创版权的,我只想说....欢迎转载但请注明出处:http://blog.csdn.net/woaixiaoyu520 https://blog.csdn.net/woai ...
java 解析xls 文件_java简单解析xls文件的方法示例【读取和写入】
本文实例讲述了java简单解析xls文件的方法.分享给大家供大家参考,具体如下: 读取: import java.io.*; import jxl.*; import jxl.write.*; imp ...
生成XML文件的步骤解析XML文件
##生成XML文件的步骤 1.初始化一个xml的序列化器 XmlSerializer serializer = Xml.newSerializer(); 2.设置序列化器的参数 serializer. ...

vue从服务器获取csv文件,前端 VUE 解析 CSV 文件

vue从服务器获取csv文件,前端 VUE 解析 CSV 文件相关推荐

最新文章

热门文章