js讀取excel,xlsx,xls 表格，轉(zhuǎn)成JSON數(shù)據(jù)

• 使用 js-xlsx 插件：https://github.com/SheetJS/js-xlsx
• 轉(zhuǎn)為JSON數(shù)據(jù)后的效果圖 歡迎參考

使用 js-xlsx 插件：https://github.com/SheetJS/js-xlsx

HTML內(nèi)容

創(chuàng)建input type為file 文件上傳格式 綁定change事件 通過change事件獲取到上傳文件的內(nèi)容

JS內(nèi)容

<script> import XLSX from 'xlsx'; export default {data() {return {控制上方彈窗是否顯示dialogVisible:false,// 進度條JinDu:0};}, 這里是監(jiān)視dialogVisible發(fā)生變化調(diào)用methods內(nèi)聲明的QingKong方法watch:{dialogVisible(){if(this.dialogVisible==false){this.QingKong()}}}methods: {這里是防止用戶上傳文件后改動文件內(nèi)容再次點擊上傳不觸發(fā)change事件做的清空事件QingKong(){this.$refs.readFile.value = '';this.JinDu=0;},這里是解析xls xlsx表格內(nèi)容轉(zhuǎn)為JSON格式readFile(e) {const files = e.target.files;//如果沒有文件名if(files.length<=0){return false;}else if(!/\.(xls|xlsx)$/.test(files[0].name.toLowerCase())){console.log('文件傳格式不正確');return false;}const fileReader = new FileReader();fileReader.onload = (ev) => {try {const data = ev.target.result;const workbook = XLSX.read(data, {type: 'binary'});const wsname = workbook.SheetNames[0];//取第一張表const ws = XLSX.utils.sheet_to_json(workbook.Sheets[wsname]);//生成json表格內(nèi)容// console.log('JOSN轉(zhuǎn)化結(jié)果：',ws);for(let i = 0; i < ws.length; i ++) {ws[i].出生年月 = this.formatDate(ws[i].出生年月, '-')this.JinDu=Math.round(i / ws.length *100);// console.log(this.JinDu);}console.log(ws)} catch (e) {return false;}};fileReader.readAsBinaryString(files[0]);},這里是日期轉(zhuǎn)換方formatDate(numb, format) {const time = new Date((numb - 1) * 24 * 3600000 + 1)time.setYear(time.getFullYear() - 70)const year = time.getFullYear() + ''const month = time.getMonth() + 1 + ''const date = time.getDate() - 1 + ''if (format && format.length === 1) {return year + format + (month < 10 ? '0' + month : month) + format + (date < 10 ? '0' + date : date)}return year + (month < 10 ? '0' + month : month) + (date < 10 ? '0' + date : date)},}; </script>

轉(zhuǎn)為JSON數(shù)據(jù)后的效果圖 歡迎參考

總結(jié)

以上是生活随笔為你收集整理的js读取excel,xlsx,xls 表格，转成JSON数据的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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