vue + XLSX解析excel数据

1、安装XLSX依赖。

2、通过input标签拿到file对象

      // 拿到所导入文件的名字(file是input标签拿到的文件信息)let fileName = file//定义reader，存放文件读取方法let reader = new FileReader()//启动函数reader.readAsBinaryString(fileName)//onload在文件被读取时自动触发reader.onload = e => {try {//workbook存放excel的所有基本信息const workbook = XLSX.read(e.target.result, {type: 'binary',cellDates: true})//定义sheetList中存放excel表格的sheet表，就是最下方的tablet sheetList = workbook.SheetNames // 工作表名称集合sheetList.forEach(name => {// 生成工作表名称集合let worksheet = workbook.Sheets[name] // 只能通过工作表名称来获取指定工作表let results = XLSX.utils.sheet_to_json(worksheet) // XLSX解析工作表信息console.log(results) // 这里results就是我们要拿到的信息})} catch (error) {this.$message.warning('文件类型不正确！')}}

2021-10-26优化：

//workbook存放excel的所有基本信息
const workbook = XLSX.read(e.target.result, {type: 'binary',cellDates: true,dateNF: 'yyyy-mm-dd' // 将日期格式化为2021-10-26的形式
})/***************************/
// 使用中发现sheet_to_json的方法会将0.00  253.00这种格式转化为整数 0 253  所以这里改为sheet_to_row_object_array方法，并将raw设置为false，这样解析出的数据就是并没有做格式化的原始数据
let results = XLSX.utils.sheet_to_row_object_array(worksheet, {raw: false
}) // XLSX解析工作表信息
console.log(results) // 这里results就是我们要拿到的信息

vue + XLSX解析excel数据相关推荐

利用js-xlsx.js插件实现Excel文件导入并解析Excel数据成json数据格式
<!DOCTYPE html><html lang= ...
vue 前端解析Excel
第一次使用前端的xlsx来解析excel 首先惯例引入xlsx组件依赖 npm install xlsx 前端页面 <input style="position: absolute; ...
【Unity】解析Excel数据，并自动创建对应的C#类
升级版传送门: [Unity]升级版·Excel数据解析,自动创建对应C#类,自动创建ScriptableObject生成类,自动序列化Asset文件_萧然CS的博客-CSDN博客Excel注释操作: ...
Java读取和解析Excel数据：基于Apache POI（二）
Java读取和解析Excel数据:基于Apache POI(二) 假设附录1文章中的test.xls是对员工的考勤记录表.需要根据这张excel表统计员工的加班时间,那么需要重点关注第五列的下班时候的 ...
xlsx解析excel中时间为数字
前端使用xlsx.js来解析execl是很常见的,但有时假如excel里的字段设定了格式,或者字段为数字时,解析出来的结果就不是我们想要的格式. 比如: 1.当表格里字段不是设定的时间格式时,那么字段 ...
andt vue3 使用xlsx读取excel数据遇到的坑
废话不说,直接上结论 1.引入方式绝对不能像网上说的用import XLSX from 'xlsx',应该由import * as XLSX from 'xlsx/xlsx.mjs'或者import ...
poi读取excel 转换实体_java解析excel数据，将excel数据转换为实体类，存入数据库...
前一段时间写了一个功能,从数据库中抽取出来的字段,写入到excel文件里:java使用poi把从数据库中取出的数据写入excel 最近实现了一个相反的功能,前台传一个excel文件,在后台解析该exc ...
java解析excel存入map,java解析excel数据，将excel数据转换为实体类，存入数据库
前一段时间写了一个功能,从数据库中抽取出来的字段,写入到excel文件里:java使用poi把从数据库中取出的数据写入excel 最近实现了一个相反的功能,前台传一个excel文件,在后台解析该exc ...
sheet.js插件解析excel数据
1.下载 npm install xlsx 2.引入 import XLSX from 'xlsx'; 3.使用(file形式) async uploadFile({ file }) {var rea ...

vue + XLSX解析excel数据

2021-10-26优化：

vue + XLSX解析excel数据相关推荐

最新文章

热门文章