一、首先需要需要引入需要的包
<script src="https://cdn.bootcss.com/xlsx/0.11.5/xlsx.core.min.js"></script>二、一個上傳檔案的file型別的input標簽
<input type="file" onchange="showPreview(this)">三、js相關操作對選中.xls檔案進行決議，獲取資料
function showPreview(source) {
// 獲取傳遞過來的內容
let file = source.files[0];
// 創建 FileReader 示例
let showPreview = new FileReader();
// 讀取檔案
showPreview.readAsBinaryString(file)
// 檔案讀取成功時的回呼函式
showPreview.onload = (e) => {
// 獲取傳遞的表格
let data = https://www.cnblogs.com/zhengwenfang/p/e.target.result
// 以二進制流方式讀取到整份的excel 表格物件
let workbook = XLSX.read(data, {
type:'binary'
})
// 儲存獲取到的資料
let persons = []
// 表格的表格范圍，可用于判斷表頭是否數量是否正確
let fromTo = '';
// 遍歷每張表讀取
for (var sheet in workbook.Sheets) {
// 判斷檔案是否是 excel 檔案
if (workbook.Sheets.hasOwnProperty(sheet)) {
// 對表格的內容進行處理
persons = persons.concat(XLSX.utils.sheet_to_json(workbook.Sheets[sheet]));
break; // 如果只取第一張表，就取消注釋這行
}
}
//將persons賦值給要展示的表格陣列里即可展示在界面
console.log(persons);
}
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/455612.html
標籤：JavaScript
上一篇：html
下一篇：web前端開發規范