XLSX.js解析Excel中的数据,<input type='file' />控件中
在页面中添加一个:
<input type="file" class="txt" style="width: 300px; height: 25px; line - height: 25px; color:#000000; " id="file01" />
在页面中添加javascript代码:
document.getElementById("file01").addEventListener('input', function (e) { var file = e.target.files[0]; var reader = new FileReader(); reader.onload = function (e) { // var data = new Uint8Array(e.target.result); // var workbook = XLSX.read(data, { type: 'array' }); const data = e.target.result const workbook = XLSX.read(data, { type: 'binary', cellDates: true }); // 假设我们只读取第一个工作表 var firstSheetName = workbook.SheetNames[0]; var worksheet = workbook.Sheets[firstSheetName]; // 将工作表转换为JSON jsonData就是解析出来的 excel中的数据,根据实际需求情况来处理数据 var jsonData = XLSX.utils.sheet_to_json(worksheet); //console.log(jsonData); // 显示结果 //document.getElementById('output').innerText = JSON.stringify(json); if (checkData(jsonData)) { for (let xh = 0; xh < jsonData.length; xh++) { let tempData = jsonData[xh]; tempData.起飞时间 = tempData.起飞时间.gdcFormat("YYYY-MM-DD hh:mm:ss"); tempData.预订日期 = tempData.预订日期.gdcFormat("YYYY-MM-DD hh:mm:ss"); } vm.$data.dataList = jsonData;// JSON.stringify(json); 解析出来的数据使用 vue显示,这里看用户自己的实际绣球来处理了 dataList = jsonData; //console.log(vm.$data.dataList); } }; reader.readAsArrayBuffer(file); readXls(); });
标签:
javascript
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单,K8s 太复杂?w7panel 让容器管理更轻松!