手机版

利用Java脚本语言将超过转换为数据示例代码

时间:2021-08-22 来源:互联网 编辑:宝哥软件园 浏览:

前言

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

1.新建超文本标记语言文件

html lang='en '标题将超过文件转换为JSON/标题栏脚本/剧本/头/身体我们可以使用投入标签接收上传文件。代码如下:

输入类型='文件id='文件上传程序'名称='文件上传程序'接受='。xls .xlsx'/2 .监听输入变化事件

脚本$(文档)。ready(function(){ $(' # file uploader ')).变更(功能(evt){ //上传文件处理逻辑.});});/script3 .读取上传文件

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

var选定文件=evt。目标。文件[0];接下来,我们将使用字符输入流读取该文件数据。从这个文件阅读器,我们可以读取超过文件中的数据作为二进制字符串。然后我们使用XLSX,它是SheetJS js-xlsx的内置工具,将我们的二进制字符串转换为数据对象。引入文件格式

script lang=" JAVAScript " src=" dist/xlsx。满了。量滴js/脚本您可以下载源码xlsx.full.min.js

完整代码

html lang=' en ' title Convert Excel File To JSON/title head script src=' http : js/jquery。js/script script lang=' JavaScript ' src=' http : js/xlsx。满了。量滴js '/script脚本$(文档)。ready(function(){ $(' # file uploader ')).change(function(evt){ var selected file=evt。目标。文件[0];var reader=new FileReader();读者。onload=function(event){ var data=event。目标。结果;var workbook=XLSX.read(数据,{ type : ' binary ' });工作簿SheetNames.forEach(函数(工作表名称){ var XL _ row _ object=XLSX。utils。工作表到行对象数组(工作簿工作表[工作表名称]);if(XL _ row _ object。长度0){文档。getelementbyid(' JSonobject ').innerHTML=JSON。stringify(XL _ row _ object);} }) };读者。onerror=函数(事件){控制台。错误(“”无法读取文件!“代码”事件。目标。错误。代码);};//读取上传文件为二进制读者。readas二进制字符串(选定的文件);});});/脚本/流浆池输入类型=' file ' id=' file uploader ' name=' file uploader ' accept=' .xls .xlsx '/br/br JSON :标签id=' JSON对象'/标签/正文作为示例,我们使用如下的超过表格。

读出数据数据如下

大功告成!

SheetJS还有很多实用的功能,具体更多功能请自行去开源代码库查看吉图地址

演示源码地址密码

总结

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

版权声明:利用Java脚本语言将超过转换为数据示例代码是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。