1 引入 js-xlsx
npm install xlsx
或者在html里面引入js
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.13.1/xlsx.full.min.js"></script>
2 利用<input type='file'>的onchange触发事件获取EXCEL文件对象
html
<input type='file' onchange="importFileDemo">
js(按照注释序号顺序执行)
import XLSX from 'xlsx'
function importFileDemo(obj){//1.onchange事件绑定方法出发
//2.如果没有选中文件则取消
if (!obj.starget.files){
return
}
//3.获得选择的文件对象
var f = obj.target.files[0]
//4.初始化新的文件读取对象，浏览器自带，不用导入
var reader = new FileReader();
//5.绑定FileReader对象读取文件对象时的触发方法
reader.onload = function(e){
//7.获取文件二进制数据流
var data = e.currentTarget.result;
//8.利用XLSX解析二进制文件为xlsx对象
var wb = XLSX.read(data,{type:'binary'})
//9.利用XLSX把wb第一个sheet转换成JSON对象
//wb.SheetNames[0]是获取Sheets中第一个Sheet的名字
//wb.Sheets[Sheet名]获取第一个Sheet的数据
var j_data = XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]])
//10.在终端输出查看结果
console.log(j_data)
}
//6.使用reader对象以二进制读取文件对象f，
reader.readAsBinaryString(f)
}
下一篇：JS导出JSON到EXCEL文件
