html获取excel数据,js读取本地excel文档数据的代码

function readThis(){

var tempStr = "";

var filePath= document.all.upfile.value;

var oXL = new ActiveXObject("Excel.application");

var oWB = oXL.Workbooks.open(filePath);

oWB.worksheets(1).select();

var oSheet = oWB.ActiveSheet;

try{

for(var i=2;i<46;i++){

if(oSheet.Cells(i,2).value =="null" || oSheet.Cells(i,3).value =="null" )

break;

var a = oSheet.Cells(i,2).value.toString()=="undefined"?"":oSheet.Cells(i,2).value;

tempStr+=(" "+oSheet.Cells(i,2).value+

" "+oSheet.Cells(i,3).value+

" "+oSheet.Cells(i,4).value+

" "+oSheet.Cells(i,5).value+

" "+oSheet.Cells(i,6).value+"\n");

}

}catch(e){

//alert(e);

document.all.txtArea.value = tempStr;

}

document.all.txtArea.value = tempStr;

oXL.Quit();

CollectGarbage();

}

以上代码在需要设置IE安全级别低才能正常运行,贴出来主要是可以学习这方面的技术

你可以使用 HTML 和 JavaScript 共同实现上传 Excel 文档获取数据。 以下是一个简单的示例代码: ```html <input type="file" id="fileInput" onchange="handleFileSelect(event)"> <table id="dataTable"> <thead> <tr> <th>列1</th> <th>列2</th> <th>列3</th> </tr> </thead> <tbody> </tbody> </table> <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.16.9/xlsx.full.min.js"></script> <script> function handleFileSelect(event) { const file = event.target.files[0]; const reader = new FileReader(); reader.onload = (event) => { const data = new Uint8Array(event.target.result); const workbook = XLSX.read(data, { type: 'array' }); const worksheet = workbook.Sheets[workbook.SheetNames[0]]; const rows = XLSX.utils.sheet_to_json(worksheet, { header: 1 }); const tableBody = document.querySelector('#dataTable tbody'); tableBody.innerHTML = ''; rows.forEach((row, index) => { if (index === 0) { return; // Skip header row } const tr = document.createElement('tr'); row.forEach((cellValue) => { const td = document.createElement('td'); td.textContent = cellValue; tr.appendChild(td); }); tableBody.appendChild(tr); }); }; reader.readAsArrayBuffer(file); } </script> ``` 这段代码,我们首先创建了一个 `<input type="file">` 元素,用于选择本地的 Excel 文档。当用户选择文件后,`handleFileSelect` 函数将被调用,并使用 `FileReader` 对象读取文件,并将读取到的数据传递给 SheetJS的 `XLSX.read` 方法,以创建一个 `Workbook` 对象。接着,我们从 `Workbook` 对象获取第一个工作表,并使用 `XLSX.utils.sheet_to_json` 方法将其转换为 JSON 格式的数据,以便后续操作。 然后,我们创建一个 `<table>` 元素,并在其创建一个 `<thead>` 元素和一个 `<tbody>` 元素。我们还为表头添加了三列,分别为“列1”、“列2”和“列3”。在获取Excel 数据后,我们遍历每一行,并在表格的 `<tbody>` 创建一行,并为每个单元格添加一个 `<td>` 元素,最后将这个 `<tr>` 元素添加到表格。 注意,这里使用的 SheetJS 库需要在代码进行引入。你也可以使用其他类似的库来实现类似的功能。此外,由于读取 Excel 文件需要大量的计算资源,因此在处理大型数据集时可能会面临性能问题。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值