Vue使用xlsx读取文件 Vue使用xlsx读取文件

一、安装xlsx

npm i xlsx

二、使用xlsx
1、使用element-ui编写一个上传页面

上传文件

async onChange (file) { let dataBinary = await readFile(file.raw) let workBook = xlsx.read(dataBinary, {type: 'binary', cellDates: true}) let workSheet = workBook.Sheets[workBook.SheetNames[0]] const data = https://www.it610.com/article/xlsx.utils.sheet_to_json(workSheet) console.log(data) }

2、工具类

/* 读取文件 */ export const readFile = (file) => { return new Promise(resolve => { let reader = new FileReader() reader.readAsBinaryString(file) reader.onload = ev => { resolve(ev.target.result) } }) }