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)
}

在线DEMO及源代码

下一篇：JS导出JSON到EXCEL文件

看完请点喜欢吧!