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

javascript

JS读取excel内容

發布時間：2023/12/31 javascript 27 豆豆

生活随笔收集整理的這篇文章主要介紹了 JS读取excel内容小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

<!DOCTYPE html>
<html lang="en">
<head>
??? <meta charset="UTF-8">
??? <title>Excel批量處理</title>
??? <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script>
??? <script src="https://cdn.bootcss.com/xlsx/0.11.5/xlsx.core.min.js"></script>
</head>
<body>
<input type="file" id="excel-file">
<textarea id="area"></textarea>
<script>
??? //給input標簽綁定change事件，一上傳選中的.xls文件就會觸發該函數
??? $('#excel-file').change(function(e) {
??????? var files = e.target.files;
??????? var fileReader = new FileReader();
??????? fileReader.onload = function(ev) {
??????????? try {
??????????????? var data = ev.target.result
??????????????? var workbook = XLSX.read(data, {
??????????????????? type: 'binary'
??????????????? }) // 以二進制流方式讀取得到整份excel表格對象
??????????????? var persons = []; // 存儲獲取到的數據
??????????? } catch (e) {
??????????????? console.log('文件類型不正確');
??????????????? return;
??????????? }
??????????? // 表格的表格范圍，可用于判斷表頭是否數量是否正確
??????????? var fromTo = '';
??????????? // 遍歷每張表讀取
??????????? for (var sheet in workbook.Sheets) {
??????????????? if (workbook.Sheets.hasOwnProperty(sheet)) {
??????????????????? fromTo = workbook.Sheets[sheet]['!ref'];
??????????????????? console.log(fromTo);
??????????????????? persons = persons.concat(XLSX.utils.sheet_to_json(workbook.Sheets[sheet]));
??????????????????? // break; // 如果只取第一張表，就取消注釋這行
??????????????? }
??????????? }
??????????? //在控制臺打印出來表格中的數據
??????????? console.log(persons);
??????????? $("#area").val(JSON.stringify(persons));
??????? };
??????? // 以二進制方式打開文件
??????? fileReader.readAsBinaryString(files[0]);
??? });
</script>
</body>
</html>

總結

以上是生活随笔為你收集整理的JS读取excel内容的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。