0
点赞
收藏
分享

微信扫一扫

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



JavaScript 读取 Excel 文档里的内容实例演示


  • ​​第一章:准备​​
  • ​​① 下载 xlsx.full.min.js 支持包​​
  • ​​第二章:功能实现与使用演示​​
  • ​​① 实现代码​​
  • ​​② 使用效果演示​​
  • ​​③ 获取指定单元格的内容​​
  • ​​④ 将读取的 Excel 内容转化为 json 字符串​​


第一章:准备

① 下载 xlsx.full.min.js 支持包

获取地址: ​​官方 Github​​

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

在点进 Raw

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

然后通过 ctrl + s 保存即可。

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

第二章:功能实现与使用演示

① 实现代码

<!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 数值。

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

这是源 Excel 文档。

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

③ 获取指定单元格的内容

通过 ​​sheets['单元格'].v;​​ 或 ​​sheets.单元格.v;​​ 可以获取指定单元格里的内容。

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

④ 将读取的 Excel 内容转化为 json 字符串

通过 ​​JSON.stringify(XLSX.utils.sheet_to_json(sheets));​​ 可以将 sheet 页签的内容转化为 json 数据输出。

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

去掉转义符号后再格式化,可以看到如下效果。

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

喜欢的点个赞❤吧!



举报

相关推荐

0 条评论