當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
JavaScript 技术篇 - js读取Excel文档里的内容实例演示，js如何读取excel指定单元格的内容，js将excel的内容转化为json字符串方法
生活随笔
收集整理的這篇文章主要介紹了
JavaScript 技术篇 - js读取Excel文档里的内容实例演示，js如何读取excel指定单元格的内容，js将excel的内容转化为json字符串方法
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
JavaScript 讀取 Excel 文檔里的內(nèi)容實例演示
- 第一章：準備
- ① 下載 xlsx.full.min.js 支持包
- 第二章：功能實現(xiàn)與使用演示
- ① 實現(xiàn)代碼
- ② 使用效果演示
- ③ 獲取指定單元格的內(nèi)容
- ④ 將讀取的 Excel 內(nèi)容轉(zhuǎn)化為 json 字符串
第一章：準備
① 下載 xlsx.full.min.js 支持包
獲取地址： 官方 Github
小藍棗的 csdn 資源倉庫
在點進 Raw 。
然后通過 ctrl + s 保存即可。
第二章：功能實現(xiàn)與使用演示
① 實現(xiàn)代碼
<!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名頁簽下的數(shù)據(jù)console.log(sheets); // 返回sheet對象到控制臺};}</script> </body></html>② 使用效果演示
看下控制臺，這是返回的第一個 sheet 頁簽的數(shù)據(jù)對象。
t 代表類型，如果內(nèi)容是 s 表示文本字符串、n 表示數(shù)值。
v 代表 value 數(shù)值。
這是源 Excel 文檔。
③ 獲取指定單元格的內(nèi)容
通過 sheets['單元格'].v; 或 sheets.單元格.v; 可以獲取指定單元格里的內(nèi)容。
④ 將讀取的 Excel 內(nèi)容轉(zhuǎn)化為 json 字符串
通過 JSON.stringify(XLSX.utils.sheet_to_json(sheets)); 可以將 sheet 頁簽的內(nèi)容轉(zhuǎn)化為 json 數(shù)據(jù)輸出。
去掉轉(zhuǎn)義符號后再格式化，可以看到如下效果。
喜歡的點個贊?吧！
總結(jié)
以上是生活随笔為你收集整理的JavaScript 技术篇 - js读取Excel文档里的内容实例演示，js如何读取excel指定单元格的内容，js将excel的内容转化为json字符串方法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 关于MATLAB中使用latex语法
- 下一篇： gradle idea java ssm