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

前端  /  管理员 发布于 5年前   325

前言

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

1.新建HTML文件

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

2.监听input change 事件

3.读取上传文件

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

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

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

    

 JSON :  

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

读出json数据如下

大功告成！！！

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

演示源码地址code

总结

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

您可能感兴趣的文章:

• Python爬取数据保存为Json格式的代码示例
• C#网络请求与JSON解析的示例代码
• 基于Koa(nodejs框架)对json文件进行增删改查的示例代码
• JS中的JSON对象的定义和取值实现代码
• js循环map 获取所有的key和value的实现代码(json)
• Delphi中使用ISuperObject解析Json数据的实现代码
• ASP 处理JSON数据的实现代码
• 七行JSON代码把你的网站变成移动应用过程详解