1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > html自动读取excel文件 利用js-xlsx库 实现前端读取Excel报表文件

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

时间:2022-02-02 17:10:35

相关推荐

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数据

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。