JavaScript 技术篇 - js读取Excel文档里的内容实例演示，js如何读取excel指定单元格的内容，js将excel的内容转化为json字符串方法
JavaScript 技术篇 - js读取Excel文档里的内容实例演示，js如何读取excel指定单元格的内容，js将excel的内容转化为json字符串方法
小蓝枣
发布于 2021-12-01 14:26:39
发布于 2021-12-01 14:26:39
文章被收录于专栏：CSDN博客专家-小蓝枣的博客
JavaScript 读取 Excel 文档里的内容实例演示
第一章：准备
① 下载 xlsx.full.min.js 支持包
获取地址： 官方 Github 小蓝枣的 csdn 资源仓库
在这里插入图片描述
在点进 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 数据输出。
在这里插入图片描述
去掉转义符号后再格式化，可以看到如下效果。
在这里插入图片描述
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2021/07/12 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
腾讯云开发者
