【js】将excel转化为json格式
使⽤JavaScript将Excel转换为JSON
inputtypefile不上传文件JSON是码农们常⽤的数据格式，轻且⽅便，⽽直接⼿敲JSON却是⽐较⿇烦和令⼈⼼情崩溃的（因为重复的东西很多），所以很多码农可能会和我⼀样，选择⽤Excel去输⼊数据，然后再想办法转换成JSON格式。今天教⼤家使⽤JS 将 Excel 转为 JSON的⽅法。
1.新建HTML⽂件
<html lang="en">
<title> Convert Excel File To JSON </title>
<head>
<script>
</script>
</head>
<body>
</body>
我们可以使⽤<input>标签接收上传⽂件。代码如下：
<input type="file" id="fileUploader" name="fileUploader" accept=".xls, .xlsx"/>
2.监听input change 事件
<script>
$(document).ready(function(){
$("#fileUploader").change(function(evt){
// 上传⽂件处理逻辑...
});
});
</script>
3.读取上传⽂件
在这⾥，我们假设⽤户只上传⼀个⽂件。
var selectedFile = evt.target.files[0];
接下来，我们将使⽤FileReader读取该⽂件数据。
从这个FileReader，我们可以读取excel⽂件中的数据作为⼆进制字符串。
然后我们使⽤XLSX，它是SheetJS js-xlsx的内置⼯具，将我们的⼆进制字符串转换为JSON对象。
引⼊ XLSX
<script lang =“javascript”src =“dist/xlsx.full.min.js”> </ script>
完整代码
<html>
<title> Convert Excel File To JSON </title>
<head>
<script src="js/jquery.js"></script>
<script lang="javascript" src="js/xlsx.full.min.js"></script>
<script>
$(document).ready(function(){
$("#fileUploader").change(function(evt){
var selectedFile = evt.target.files[0];
var reader = new FileReader();
var data = sult;
var workbook = ad(data, {
type: 'binary'
});
workbook.SheetNames.forEach(function(sheetName) {
var XL_row_object = XLSX.utils.sheet_to_row_object_array(workbook.Sheets[sheetName]);
if (XL_row_object.length > 0) {
})
};
<("File could not be read! Code " + code);
};
// 读取上传⽂件为⼆进制
});
});
</script>
</head>
<body>
<input type="file" id="fileUploader" name="fileUploader" accept=".xls, .xlsx"/>
</br></br>
JSON : <label id="jsonObject"></label>
</body>
作为⽰例，我们使⽤如下的excel表格。
读出json数据如下
相关资料：