npm install xlsx

或者在html里面引入js

2 利用的onchange觸發(fā)事件獲取EXCEL文件對象

html

js(按照注釋序號順序執(zhí)行)

import XLSX from 'xlsx'

function importFileDemo(obj){//1.onchange事件綁定方法出發(fā)

//2.如果沒有選中文件則取消

if (!obj.starget.files){

return

}

//3.獲得選擇的文件對象

var f = obj.target.files[0]

//4.初始化新的文件讀取對象，瀏覽器自帶，不用導(dǎo)入

var reader = new FileReader();

//5.綁定FileReader對象讀取文件對象時的觸發(fā)方法

reader.onload = function(e){

//7.獲取文件二進制數(shù)據(jù)流

var data = e.currentTarget.result;

//8.利用XLSX解析二進制文件為xlsx對象

var wb = XLSX.read(data,{type:'binary'})

//9.利用XLSX把wb第一個sheet轉(zhuǎn)換成JSON對象

//wb.SheetNames[0]是獲取Sheets中第一個Sheet的名字

//wb.Sheets[Sheet名]獲取第一個Sheet的數(shù)據(jù)

var j_data = XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]])

//10.在終端輸出查看結(jié)果

console.log(j_data)

}

//6.使用reader對象以二進制讀取文件對象f，

reader.readAsBinaryString(f)

}

看完請點喜歡吧!

總結(jié)

以上是生活随笔為你收集整理的js读取本地excel到html,JS读取本地EXCEL文件的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。