首页 > 其他分享 >XLSX.js解析Excel中的数据,<input type='file' />控件中

XLSX.js解析Excel中的数据,<input type='file' />控件中

时间:2024-10-26 17:34:13浏览次数:1  
标签:控件 XLSX tempData Excel jsonData workbook var data

在页面中添加一个:

<input type="file" class="txt" style="width: 300px; height: 25px; line - height: 25px; color:#000000; " id="file01" />

在页面中添加javascript代码:

  document.getElementById("file01").addEventListener('input',
      function (e) {
          var file = e.target.files[0];
          var reader = new FileReader();
          reader.onload = function (e) {
              // var data = new Uint8Array(e.target.result);
              // var workbook = XLSX.read(data, { type: 'array' });
              const data = e.target.result
              const workbook = XLSX.read(data, {
                  type: 'binary',
                  cellDates: true
              });
              // 假设我们只读取第一个工作表
              var firstSheetName = workbook.SheetNames[0];
              var worksheet = workbook.Sheets[firstSheetName];
              // 将工作表转换为JSON  jsonData就是解析出来的 excel中的数据,根据实际需求情况来处理数据
              var jsonData = XLSX.utils.sheet_to_json(worksheet); 
              //console.log(jsonData);
              // 显示结果
              //document.getElementById('output').innerText = JSON.stringify(json);
              if (checkData(jsonData)) {
                  for (let xh = 0; xh < jsonData.length; xh++) {
                      let tempData = jsonData[xh];
                      tempData.起飞时间 = tempData.起飞时间.gdcFormat("YYYY-MM-DD hh:mm:ss");
                      tempData.预订日期 = tempData.预订日期.gdcFormat("YYYY-MM-DD hh:mm:ss");
                  }
                  vm.$data.dataList = jsonData;// JSON.stringify(json);  解析出来的数据使用 vue显示,这里看用户自己的实际绣球来处理了
                  dataList = jsonData;
                  //console.log(vm.$data.dataList);
              }
          };
          reader.readAsArrayBuffer(file);
          readXls();
      });

 

标签:控件,XLSX,tempData,Excel,jsonData,workbook,var,data
From: https://www.cnblogs.com/huaan011/p/18504239

相关文章

  • Qt开发技巧(十九):定时器的调用问题,控件的透明问题,慎用事件过滤器,依赖库的路径链接,对话框
    继续讲一些Qt开发中的技巧操作:1.定时器的调用问题有一个场景经常遇到,那就是在符合某个条件下,延时一段时间去执行一段代码,如果短时间内触发多次又不需要频繁执行,只需要执行一次就行。如果选择用QTimer::singleShot无法终止已经触发的,这个时候就要主动实例化一个单次定时器,......
  • npoi读取word 内容控件
    voidMain(){ //打开word文件 XWPFDocumentdocument=null; try { using(FileStreamstream=File.OpenRead(@"15.docx")) { document=newXWPFDocument(stream); } CT_Bodybody=document.Document.body; varcontrols=body.getValueFrom......
  • Java EasyExcel 导出报内存溢出的原因与解决方案
    JavaEasyExcel导出报内存溢出的原因与解决方案在现代企业级应用开发中,数据导出功能是一项常见且重要的任务。随着数据量的不断增长,如何高效、稳定地完成数据导出成为开发者面临的一大挑战。EasyExcel是阿里巴巴开源的一款基于Java的Excel处理工具,它以其高效、简洁的特性,广泛......
  • 如何把一个python列表(有很多个元素)变成一个excel表格的第一列?
    大家好,我是Python进阶者。一、前言前几天在Python最强王者群有个叫【麦当】的粉丝问了一个关于Python如何把一个python列表(有很多个元素)变成一个excel表格的第一列的问题,这里拿出来给大家分享下,一起学习。二、解决过程这里给出【dcpeng】和【德善堂小儿推拿-瑜亮老师】大佬......
  • Laravel开发:如何使用Laravel Excel处理Excel文件
    ​​在Laravel项目中,处理Excel文件通常是一项经常性的任务。本文将教你如何使用LaravelExcel扩展包进行Excel的导入、导出和操作:1.安装LaravelExcel扩展包;2.导入Excel数据到数据库;3.从数据库导出数据到Excel;4.操作Excel文件中的数据。首先,我们需要安装和配置LaravelExcel......
  • 手把手教你使用easyexcel导出数据【附带源码】
    一、前言​ 项目开发过程中,免不了需要数据导出功能,常见的导出工具包有poi,easypoi,easyexcel,它们各有优缺点,简要来说:poi:功能强大,使用起来相对复杂,大数据时可能导致内存溢出easypoi:基于poi实现,功能强大,简单易用,大数据时可能导致内存溢出,小数据量时推荐easyexcel:基于poi实现,性能......
  • 革新财务报表安全:云盒子Excel报表防泄密解决方案
    一直以来,财务和审计事务都面临着严峻的信息安全挑战。Excel,作为处理财务数据的主要工具,承载着海量的敏感信息。一张Excel报表可能关联多个子表,每个数据点都关乎财务隐私。在多组织、多人员参与的报表共享管理中,如何有效防止信息泄露,同时不改变财务人员的工作习惯,成为了一个亟待......
  • 如何借助前端表格控件助力企业实现财务数字化转型
    最新技术资源(建议收藏)https://www.grapecity.com.cn/resources/前言在当今快速变化的经济环境中,记账软件对个人和企业的重要性愈发突出。对于个人而言,它可以帮助用户实时掌握财务状况,促进合理消费和有效储蓄,提升财务管理能力。对于企业,记账软件不仅提高了财务透明度和......
  • 【原创】修正fpspreadsheet读某些复杂xlsx文件时出错的Bug
    网友“海”在使用fpspreadsheet时遇到读取复杂的xlsx文件会出错: 经跟踪发现运行到fpspreadsheet\source\common\xlsxooxml.pas的procedureTsSpreadOOXMLReader.ReadFromStream的ReadDefinedNames(Doc.DocumentElement.FindNode('definedNames'))这行出错,查看早期(fpspreadsheet......
  • .NET 开源扁平化、美观的 C/S 控件库
    前言给大家推荐一个优秀的控件集,它基于.NETFramework4.0,采用纯原生开发,不包含任何第三方插件或类库。该控件集涵盖了常用的窗体和控件,同时还包括工业工具和类Web控件。使用这套控件库我们可以快速的搭建一个漂亮的应用程序。项目介绍HZHControls包含了200多个控件、窗......