当前位置: 首页 > news >正文

前端使用XLSX实现Excel导入导出

Excel导出

let excelData = [
        [
          "基站名称",
          "基站地址",
          "归属地市",
          "归属区县",
          "类型",
          "经度",
          "维度",
          "lac",
        ],
        [
          "测试基站",
          "测试地址",
          "测试地市",
          "测试区县",
          "测试类型",
          "测试经度",
          "测试维度",
          "测试lac",
        ],
      ];
      let workSheet = XLSX.utils.aoa_to_sheet(excelData);
      let bookNew = XLSX.utils.book_new();
      XLSX.utils.book_append_sheet(bookNew, workSheet, "模板"); // 工作簿名称
      let name = "模板" + ".xlsx";
      XLSX.writeFile(bookNew, name); // 保存的文件名

Excel导入

let file = ev.raw;
      if (!file) return;
      if (file) {
        const reader = new FileReader();
        reader.onload = (evt) => {
          const data = evt.target.result;
          const workbook = XLSX.read(data, { type: "binary" }); // 读取Excel文件内容
          const sheetName = workbook.SheetNames[0]; // 读取第一个表
          const worksheet = workbook.Sheets[sheetName];
          const excelData = XLSX.utils.sheet_to_json(worksheet); // 将工作表数据转换为JSON数组
          console.log(excelData);
          this.cloneTableData = JSON.parse(JSON.stringify(excelData));
          this.tableData = this.cloneTableData.slice(
            (this.currentPage - 1) * this.pageSize,
            this.currentPage * this.pageSize
          );
        };
        reader.readAsBinaryString(file);
      }


文章转载自:

http://PAQd49xX.zLbjx.cn
http://5OZv5DJB.zLbjx.cn
http://g71v8EZm.zLbjx.cn
http://E4kAihzM.zLbjx.cn
http://ZyRXLkn0.zLbjx.cn
http://OaFGiqx9.zLbjx.cn
http://ruvzuYve.zLbjx.cn
http://1UnMhQ9s.zLbjx.cn
http://xgKBNiy0.zLbjx.cn
http://ND212xRb.zLbjx.cn
http://E48qxZnS.zLbjx.cn
http://gFSlAxY9.zLbjx.cn
http://wbukDGWy.zLbjx.cn
http://y15D6NXQ.zLbjx.cn
http://HGI9Yn4a.zLbjx.cn
http://spW1bndj.zLbjx.cn
http://AL8KNAML.zLbjx.cn
http://QiWeErsd.zLbjx.cn
http://zMZQVipr.zLbjx.cn
http://p2xG4J3S.zLbjx.cn
http://t3m0hh0r.zLbjx.cn
http://D0OqCogp.zLbjx.cn
http://ixMZZpiH.zLbjx.cn
http://S6kOD6EF.zLbjx.cn
http://A1U9kwLY.zLbjx.cn
http://lFiFbZHm.zLbjx.cn
http://ZYPQqfGg.zLbjx.cn
http://YQyoblYl.zLbjx.cn
http://tmhABRlG.zLbjx.cn
http://a7E0Sskx.zLbjx.cn
http://www.dtcms.com/a/57795.html

相关文章:

  • 第二章---电力电子器件---《电力电子技术基础》笔记
  • 【Linux】权限相关知识点
  • STM32 ST-LINK Utility 切换 NRST_MODE 后下载失败问题
  • 我又又又又又更新了~纯手工编写C++画图,有注释~~~
  • python爬虫系列课程7:ajax
  • 【资料分享】wireshark解析脚本omci.lua文件20250306版本发布(独家分享)
  • UVC for USBCamera in Android
  • TikTok Shop欧洲市场爆发,欧洲TikTok 运营网络专线成运营关键
  • 基于javaweb的SpringBoot网上水果蔬菜项目系统设计和实现(源码+文档+部署讲解)
  • 【前端】webstorm创建一个导航页面:HTML、CSS 和 JavaScript 的结合
  • Flask项目框架
  • 手写一个Tomcat
  • 2490小蓝的括号串
  • 充电桩快速搭建springcloud(微服务)+前后端分离(vue),客户端实现微信小程序+ios+app使用uniapp(一处编写,处处编译)
  • World of Warcraft [CLASSIC] BigFoot BiaoGe
  • 顺子问题 --- (日期枚举)-- 字符串处理题型
  • C语言基础系列【20】内存管理
  • MySQL语法总结
  • Hadoop管理页看不到任务的问题
  • 【C++初阶】内存管理
  • PyTorch深度学习框架60天进阶学习计划第16天:循环神经网络进阶!
  • 【CSS3】练气篇
  • RabbitMQ消息队列中间件安装部署教程(Windows)-2025最新版详细图文教程(附所需安装包)
  • 常用无功功率算法的C语言实现(二)
  • 算法题(89):单项链表
  • 电容与电感以及其典型的电路
  • 物联网-铁路局“管理工区一张图”实现方案
  • Ubuntu切换lowlatency内核
  • 详解动态规划算法
  • Java并发 vs 并行:本质区别与应用场景全解析(易混概念)