1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > JavaScript 技术篇 - js读取Excel文档里的内容实例演示 js如何读取excel指定单元

JavaScript 技术篇 - js读取Excel文档里的内容实例演示 js如何读取excel指定单元

时间:2020-12-13 03:57:35

相关推荐

JavaScript 技术篇 - js读取Excel文档里的内容实例演示 js如何读取excel指定单元

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

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

第一章:准备

① 下载 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数据输出。

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

喜欢的点个赞❤吧!

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。