项目需要,前端解析简单的excel文件,查找了网上的文章资料,加上按实际需要修改,写出来供大家参考。
项目是vue的,先安装xlsx,这个不用多说,npm install xlsx就完事了。
然后需要在组件中引入一下。
<input @change="getUploadFile" type="file">
我项目中的这个导入用的是原生input输入框。简洁明了。如果觉得样式丑,可以搞个div用定位写在同样的位置,把input设个透明就好了。jquery的更简单,trigger简直不要太好用。
下面是重点,拿到导入的文件,然后解析。为了让大家看的清楚,我把他们都写在input的change事件中了。
getUploadFile (e) {
//拿到所导入文件的名字
let fileName = e.target.files[0]
//定义reader,存放文件读取方法
let reader = new FileReader()
//启动函数
re