废话不多说直接上代码
安装:
npm install xlsx
引入:
import XLSX from 'xlsx'
如果上面的引入没有成功,请试一试下面这个:
import * as XLSX from 'xlsx'
html:
<button class="btn" @click="handleFileChange">excel上传</button>
js:
<script>
import * as XLSX from 'xlsx'
export default {
data() {
return {
}
},
methods: {
// 接车内容
handleFileChange(e) {
let _that = this
uni.chooseFile({ // getFileInfo
success(res) {
// 这里是uniapp H5 这是个file文件,或者是点击上传得到的文件,打点(.)获取到它的file文件
const file = res.tempFiles[0]
_that.parseExcel(file)
}
})
},
// 接车内容
parseExcel(file) {
const reader = new FileReader()
reader.onload = (e) => {
const data = new Uint8Array(e.target.result)
const workbook = XLSX.read(data, {
type: 'array'
})
const worksheet = workbook.Sheets[workbook.SheetNames[0]]
const json = XLSX.utils.sheet_to_json(worksheet, {
header: 1
})
console.log(json, '世界真美好!!!')
}
reader.readAsArrayBuffer(file)
}
}
}
</script>