纯前端解析excel文件

    项目需要,前端解析简单的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
  • 6
    点赞
  • 20
    收藏
    觉得还不错? 一键收藏
  • 6
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值