利用sheet.js解析excel文件

原创

﹏の、浅笑 2022-07-07 20:48:05 ©著作权

文章标签 SheetJs js 数据 json html 文章分类 后端开发

©著作权归作者所有：来自51CTO博客作者﹏の、浅笑的原创作品，请联系作者获取转载授权，否则将追究法律责任

今天用的是Sheet.js的xlsx.core.min.js

官方文档地址：https://github.com/SheetJS/sheetjs

主要功能

解析符合格式的数据
导出符合格式的数据
利用中间层操作数据

读取文件的方法

XLSX.read(data, read_options)：//读取data并解析。
XLSX.readFile(filename, read_options)：//读取filename文件并解析。

read_options

type:

base64: 以base64方式读取；
binary: BinaryString格式(byte n is data.charCodeAt(n))
string: UTF8编码的字符串；
buffer: nodejs Buffer；
array: Uint8Array，8位无符号数组；
file: 文件的路径（仅nodejs下支持）；

worksheet转换数据格式

XLSX.utils.sheet_to_csv(worksheet)：将表格数据转化为csv格式。
XLSX.utils.sheet_to_txt(worksheet)：将表格数据转化为生成由utf16编码的txt格式。
XLSX.utils.sheet_to_html(worksheet)：将表格转化为html文件。
XLSX.utils.sheet_to_json(worksheet): 将表格数据转化为json格式。

表格操作

XLSX.utils.aoa_to_sheet(Array[][])：将二维数组转化为worksheet对象。
XLSX.utils.json_to_sheet(Object)：将js对象转化为worksheet对象。
XLSX.utils.table_to_sheet(HTML)：将DOM节点转化为worksheet对象（一般为table元素、tr元素和th元素）。
XLSX.utils.sheet_add_aoa(worksheet, Array[][])：将二维数组中的数据添加到已有的worksheet中。
XLSX.utils.sheet_add_json(worksheet, Object)：将js对象中的数据添加到已有的worksheet中。
XLSX.utils.book_append_sheet(workbook, worksheet, sheetname)：将worksheet对象添加到workbook中, 并命名为sheetname。

写入数据，导出文件

SheetJS通过三种方法写入数据, 这两种方法均会对数字、字符串、null和undefined、日期等类型进行自动解析：

XLSX.write(workbook, write_options)：

按照workbook中的数据转化为文件所需要的格式, 但不生成文件。
第一个参数：workbook对象, 第二个参数：设置对象（对生成文件格式的一些设置）
场景：需要通过异步请求来修改服务器上的文件

XLSX.writeFile(workbook, filename[, write_options])：

按照workbook对象生成文件。若在浏览器端, 会自动下载该文件。在Node端, 会自动生成该文件并保存到本地。
第一个参数：workbook对象, 第二个参数：生成文件的文件名，第三个参数：可选，设置对象（对生成文件格式的一些设置）

XLSX.writeFileAsync(filename, workbook, o, cb): 按照workbook对象生成文件。当o执行完毕后, 调用cb回调函数。
有关write_options的内容详见write_options。

今天完成的任务是这样的

1.选择文件前端解析出excel文档内容（只针对第一行为表头的表格，多个表只取第一个表）

利用sheet.js解析excel文件_js

根据解析的数据和字段一一匹配，用于批量更新操作

利用sheet.js解析excel文件_数据_02

js代码：

// 解析选择的表格
        excelFn(file) {
          const fileReader = new FileReader();
          var that = this;
          fileReader.onload = (ev) => {
            const data = ev.target.result;
            // 读取整个文件数据
            const workbook = XLSX.read(data, {
              type: 'binary',
            }) 
                  // 取第一张表
            const wsname = workbook.SheetNames[0] 
                                                // 获取到名为wsname的表
　　                                            // let worksheet = workbook.Sheets[wsname];