在页面中添加一个:
<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(); });
标签:控件,XLSX,tempData,Excel,jsonData,workbook,var,data From: https://www.cnblogs.com/huaan011/p/18504239