使用xlsx.full.min.js读取excel表格数据

excel 数据是这样的

处理后数据是这样的

代码如下,需要引入xlsx.full.min.js 下载地址

<!doctype html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport"content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>上传文件</title><style></style><script type="text/javascript" src='./xlsx.full.min.js'></script>
</head><body>文件:<br><input type="file" id="file"><br>
</body>
<script>//首先监听input框的变动,选中一个新的文件会触发change事件document.querySelector("#file").addEventListener("change", function () {//获取到选中的文件var file = document.querySelector("#file").files[0];var type = file.name.split('.');if (type[type.length - 1] !== 'xlsx' && type[type.length - 1] !== 'xls') {alert('只能选择excel文件导入');return false;}const reader = new FileReader();reader.readAsBinaryString(file);reader.onload = (e) => {const data = e.target.result;const zzexcel = window.XLS.read(data, {type: 'binary'});const result = [];for (let i = 0; i < zzexcel.SheetNames.length; i++) {const newData = window.XLS.utils.sheet_to_json(zzexcel.Sheets[zzexcel.SheetNames[i]]);result.push(...newData)}console.log('result', result)}});
</script></html>

接下来就是–复制浏览器控制台打印的数据
第一步:点击数据右键会出现

第二步:点击 Store as global variable ,然后会在控制台出现一个临时变量(temp1)
第三步:在控制台里执行 copy(temp1)

注意:这时数据已经被复制到粘贴板了,可以到其他地方直接进行粘贴(Ctrl + v / command + v)就可以获得该数据,注意此处的copy方法中的参数是一个变量并不是一个字符串

将EXCEL表格的数据转化为数组对象形式的数据相关推荐

  1. Excel表格导入数据库进行判断是否有相同的数据

    Excel表格导入数据库进行判断是否有相同的数据 这个问题困惑了我1天的时间,终于解决了这个问题.这个问题说复杂也不复杂,说简单也不简单. 我先说一下我的业务需求. 我们大家都知道,数据库对应的实体类 ...

  2. php childnodes,如何将childNodes返回的数据转化维数组

    //将childNodes返回的数据转化为数组的方法 function convertToArray(nodes){ var array=null; try{ array=Array.prototyp ...

  3. Excel如何把事务型数据转化为可以直接关联性分析数据

    在做商品关联度分析的时候,我们可能会遇到各种各样格式的数据,而对数据的格式往往会影响关联度分析,一般来说,数据源大多有三种格式: 第一种是事务型交易数据,典型的数据格式是每个数据行以订单ID或以客户I ...

  4. php使用excel表格数据库数据,php使用excel表格数据库数据库-php中如何将execl的数据导入到数据库中...

    php中如何将execl的数据导入到数据库中 1.使用PHP Excel Parser Pro软件,但是这件为收费软件: 2.可将EXCEL表保CSV,然后通过 phpmyadmin 或者SQLyog ...

  5. java导入带图片的excel表格(工具HSSFWorkbook-HSSFSheet)(支持一条数据(单元格)可以导入多个图片,)

    一个表格框可以添加多个图片 Excel表格导入数据的同时导入图片 @Transactional(rollbackFor = Exception.class)public String selectEx ...

  6. 剖析遍历抓取的html标签数据,Jquery遍历数组(包括获取后端数据后的操作)和遍历标签(class名)...

    //遍历数组(获取后端数据如何遍历操作) var status  = 1;   //自定义状态 $('.tables-detail').html("");     //调用ajax ...

  7. 怎么把json数据转化为数组_RESTful API 返回统一JSON数据格式是怎么实现的?

    关于 Spring 的全局处理,我有两方面要说: 统一数据返回格式 统一异常处理 为了将两个问题说明清楚,将分两个章节分别说明,本章主要说第一点 有童鞋说,我们项目都做了这种处理,就是在每个 API ...

  8. excel表格中,怎么根据一列重复的数据求对应另一列总和

    如下: 求出姓名对应分数总和对应 : 首先复制一份Sheet2 对Sheet1进行操作选中A列姓名 数据->删除重复项->以前选中区域排序->删除重复项 然后删除对应成绩项选中张三对 ...

  9. 如何将多个文本数据转化为指定数据格式[以电影数据为例](数据预处理)

    数据格式 目标数据格式 程序 局限性 本文为原创博客,仅供技术学习使用.未经允许,禁止将其复制下来上传到百度文库等平台.如有转载请注明本文博客的地址(链接) 数据格式 首先,我来介绍一下数据格式.存在 ...

最新文章

  1. 1037 Magic Coupon
  2. python编程入门指南上下百度云-Python编程入门指南(上下册)
  3. hdu1506 dp
  4. php mysql 获取错误_php怎样获取mysql错误信息
  5. 笨方法“学习python笔记之条件控制
  6. JS - 将十六进制的颜色值转成rgb、rgba格式
  7. Solr删除managedschema
  8. Linux之校准服务器时间
  9. 为win10的todo应用配置altrun快捷键
  10. Redis入门——狂神课程笔记
  11. Linux中tomcat启动后无进程、无法访问
  12. 微信小程序并发服务器架构,「系统架构」如何设计一个健壮高效的微信小程序登录方案...
  13. DELPHI常用函数集及简要范例 3
  14. 电脑运行速度慢的处理
  15. 计算机二级系统班C语言讲义,计算机二级C语言2017辅导讲义:C语言基本知识
  16. opencv产生随机数
  17. 机器学习系列(7)_机器学习路线图(附资料)
  18. 魔界中的黑V天險(3)
  19. 零基础入门微信小程序系列之——校园跑腿
  20. java jframe实现满天星下落_java实现满天星swingawt

热门文章

  1. 视频如何加水印文字?
  2. 计算机科学丛书20周年——20本跨世经典 夯筑科技基石
  3. iPhone屏幕适配(之屏幕尺寸)
  4. matlab 的谱相减语音增强算法的研究,基于MATLAB的谱相减语音增强算法的研究
  5. Linux SD卡/SDIO驱动开发-dw_mci_probe
  6. Java版战棋(SLG)游戏AI及寻径处理入门
  7. 计算机重启后e盘没了,Win10电脑怎么隐藏磁盘分区?
  8. 如何判断一个点在多边形内
  9. VS Code的背景图老是黑白灰等?放一张喜欢的图片当做背景图敲代码不更舒服么
  10. [机器学习]基于OpenCV实现最简单的数字识别