JavaScript 技术篇 - js读取Excel文档里的内容实例演示，js如何读取excel指定单元格的内容，js将excel的内容转化为json字符串方法

Posted 2021-08-12 挣扎的蓝藻

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript 技术篇 - js读取Excel文档里的内容实例演示，js如何读取excel指定单元格的内容，js将excel的内容转化为json字符串方法相关的知识，希望对你有一定的参考价值。

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>