简单使用SheetJS js-xlsx导入导出

本文介绍了如何使用SheetJS js-xlsx库进行Excel文件的导入读取和导出操作。首先,提供了SheetJS库的git地址和官方文档链接。接着,详细阐述了导入读取Excel文件的步骤,包括设置HTML元素、处理文件输入、使用FileReader.onload方法。最后,讲解了一个小封装的文件导出函数,该函数接受Excel数据、标题和文件名作为参数。
摘要由CSDN通过智能技术生成

SheetJS js-xlsx

git地址:https://github.com/SheetJS/sheetjs#sheetjs-js-xlsx
可以查看更详细的官方文档

如何导入读取Excel文件

先在页面中写一个导入文件的地方,以功能为目的,先不要在意样式
再写个文件处理完点击输出的小button
然后再引入xlsx,想用jquery再引一个这个库

<input type="file" id="file1"><br>
<button style="margin-left: 250px;" id="submit">submit➡️</button><br>
<input type="file" id="file2">
<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script src="https://unpkg.com/xlsx/dist/xlsx.full.min.js"></script>

最后,就可以再创建个script,里面写你要实现的功能逻辑了
这里代码再进行一下划分
先讲input中传入文件该如何处理,首先进行个监测,使用jquery的change事件:当元素的值发生改变时,会发生 change 事件

然后里面的东西几乎全网一样,大致过程为
先获取到file信息,使用FileReader中FileReader.onload方法
【FileReader.onload方法详见文档所述:https://developer.mozilla.org/zh-CN/docs/Web/API/FileReader/onload
然后处理文件输入的元素数据,再进行二次处理将其赋值到persons中,至此文件内容便读取完成,格式为数组对象


                
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值