JavaScript 讀取 Excel 文檔裡的内容執行個體示範
- 第一章：準備
- ① 下載下傳 xlsx.full.min.js 支援包
- 第二章：功能實作與使用示範
- ① 實作代碼
- ② 使用效果示範
- ③ 擷取指定單元格的内容
- ④ 将讀取的 Excel 内容轉化為 json 字元串
擷取位址：
官方 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;
可以擷取指定單元格裡的内容。
JSON.stringify(XLSX.utils.sheet_to_json(sheets));
可以将 sheet 頁簽的内容轉化為 json 資料輸出。
去掉轉義符号後再格式化，可以看到如下效果。
喜歡的點個贊❤吧！