JavaScript 读取 Excel 文档里的内容实例演示
- 第一章：准备
- ① 下载 xlsx.full.min.js 支持包
- 第二章：功能实现与使用演示
- ① 实现代码
- ② 使用效果演示
- ③ 获取指定单元格的内容
- ④ 将读取的 Excel 内容转化为 json 字符串
第一章：准备
① 下载 xlsx.full.min.js 支持包
获取地址：官方 Github
在点进 Raw 。
然后通过 ctrl + s 保存即可。
第二章：功能实现与使用演示
① 实现代码
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>小蓝枣-js读取Excel演示</title> <script src="xlsx.full.min.js"></script> </head> <body> <input type="file" onchange="readExcel(this)" /> <script> function readExcel(file_obj){ var reader = new FileReader(); var file = file_obj.files[0]; reader.readAsBinaryString(file); reader.onload = function (e) { var data = e.target.result; var wb = XLSX.read(data, {type: 'binary'}); sheetName = wb.SheetNames[0] // 获取文档中第一个sheet页签的名字 sheets = wb.Sheets[sheetName] // 获sheet名页签下的数据 console.log(sheets); // 返回sheet对象到控制台 }; } </script> </body> </html>
② 使用效果演示
看下控制台，这是返回的第一个 sheet 页签的数据对象。
t 代表类型，如果内容是 s 表示文本字符串、n 表示数值。
v 代表 value 数值。
这是源 Excel 文档。
③ 获取指定单元格的内容
通过 sheets['单元格'].v; 或 sheets.单元格.v; 可以获取指定单元格里的内容。
④ 将读取的 Excel 内容转化为 json 字符串
通过 JSON.stringify(XLSX.utils.sheet_to_json(sheets)); 可以将 sheet 页签的内容转化为 json 数据输出。
去掉转义符号后再格式化，可以看到如下效果。
喜欢的点个赞❤吧！
