html自动读取excel文件,利用js-xlsx库,实现前端读取Excel报表文件

在实际开发中,经常会遇到导入Excel文件的需求,有的产品人想法更多,想要在前端直接判断文件内容格式是否正确,必填项是否已填写

依据HTML5的FileReader,可以使用新的API打开本地文件(参考这篇文章)

FileReader.readAsBinaryString(Blob|File)

FileReader.readAsText(Blob|File, opt_encoding)

FileReader.readAsDataURL(Blob|File)

FileReader.readAsArrayBuffer(Blob|File)

通过 readAsBinaryString 虽然能打开二进制文件(*.pdf、*.doc、*.xls等),但如若要直接通过JS进行判断这些二进制数据是否符合要求,是不行的

所以就需要转换,对于Excel文件的内容分析转换,已经有了比较成熟的解决方案:js-xlsx

其实现方式也用到了上述新特性,看看具体要怎么用

1. 首先定义一个文件上传项

2. 下载js-xlsx的相应的 xlsx.core.min.js 文件后引入

3. 监听文件选择,即时打开文件获取表格内容

使用XLSX.utils.sheet_to_json方法解析表格对象返回相应的JSON数据

004dcb94e32292ccd81eb9340ed1e4ba.gif

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值