纯前端解析excel表格

废话不多说直接上代码

安装：

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>