利用JavaScript将Excel转换为JSON示例代码

前言

成都创新互联公司长期为近千家客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为港口企业提供专业的网站设计制作、网站设计港口网站改版等技术服务。拥有10年丰富建站经验和众多成功案例,为您定制开发。

JSON是码农们常用的数据格式,轻且方便,而直接手敲JSON却是比较麻烦和令人心情崩溃的(因为重复的东西很多),所以很多码农可能会和我一样,选择用Excel去输入数据,然后再想办法转换成JSON格式。今天教大家使用JS 将 Excel 转为 JSON的方法。

1.新建HTML文件

 
 Convert Excel File To JSON 

 


我们可以使用标签接收上传文件。代码如下:

 

2.监听input change 事件

3.读取上传文件

在这里,我们假设用户只上传一个文件。

var selectedFile = evt.target.files[0];

接下来,我们将使用FileReader读取该文件数据。从这个FileReader,我们可以读取excel文件中的数据作为二进制字符串。然后我们使用XLSX,它是SheetJS js-xlsx的内置工具,将我们的二进制字符串转换为JSON对象。引入 XLSX


 
 


 
 

JSON :

作为示例,我们使用如下的excel表格。

利用JavaScript将Excel转换为JSON示例代码

读出json数据如下

利用JavaScript将Excel转换为JSON示例代码

大功告成!!!

SheetJS 还有很多实用的功能,具体更多功能请自行去github查看githu地址

演示源码地址code

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对创新互联的支持。


本文名称:利用JavaScript将Excel转换为JSON示例代码
网页网址:http://hxwzsj.com/article/pjgjgj.html

其他资讯

Copyright © 2025 青羊区翔捷宏鑫字牌设计制作工作室(个体工商户) All Rights Reserved 蜀ICP备2025123194号-14
友情链接: 重庆网站建设 温江网站设计 定制网站建设 企业网站制作 企业网站设计 重庆外贸网站建设 做网站设计 定制网站设计 成都网站制作 成都商城网站建设 响应式网站建设 专业网站建设 网站制作公司 成都网站建设 阿坝网站设计 成都网站建设 LED网站设计方案 成都网站建设公司 网站建设方案 温江网站设计 成都网站设计 网站制作