當前位置：首頁 > 前端技术 > javascript >内容正文

javascript

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

發(fā)布時間：2023/12/31 javascript 78 豆豆

生活随笔收集整理的這篇文章主要介紹了 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)義符號后再格式化，可以看到如下效果。

喜歡的點個贊?吧！