js读取excel单元格中的值,js读取excel内容并展示
要在JavaScript中读取Excel文件的内容,可以使用第三方库,如xlsx
。以下是一个简单的例子,展示如何使用xlsx
库读取Excel文件并在网页上显示单元格的内容:
首先,确保安装了xlsx
库:
npm install xlsx
然后,使用以下代码读取Excel文件并显示内容:
<!DOCTYPE html>
<html>
<head>
<title>Excel to JavaScript</title>
</head>
<body>
<input type="file" id="input-excel" />
<div id="excel-content"></div>
<script src="https://unpkg.com/xlsx/dist/xlsx.full.min.js"></script>
<script>
document.getElementById('input-excel').addEventListener('change', 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'});
// 假设我们只读取第一个工作表
var firstSheetName = workbook.SheetNames[0];
var worksheet = workbook.Sheets[firstSheetName];
// 将工作表转换为JSON
var jsonData = XLSX.utils.sheet_to_json(worksheet);
// 显示内容
document.getElementById('excel-content').innerText = JSON.stringify(jsonData, null, 4);
};
reader.readAsArrayBuffer(file);
});
</script>
</body>
</html>
在这个例子中,当用户选择一个Excel文件后,这段代码会读取文件并将第一个工作表转换为JSON格式,然后在页面上以格式化的文本形式显示。
评论已关闭