vue解析Excel

ElementUI的ElUpload上传Excel，解析报错import XLSX from 'xlsx'let fileReader = new FileReader();fileReader.onload = function () {try {let data = fileReader.result;let workbook = XLXS.read(data, {type:"binary"});let wsname = workbook.SheetNames[0];console.log("文件名,", wsname);let ws = XLXS.utils.sheet_to_json(workbook.Sheets[wsname]);console.log(ws);}catch (e) {console.log("怎么了怎么了", e)return false;}}fileReader.readAsBinaryString(file.raw);1、报错:TypeError: Failed to execute 'readAsBinaryString' on 'FileReader': parameter 1 is not of 'Blob'原因：通过el-upload获取到的文件file是封装后的，与普通input type="file"获取的file是不一样的解决方案:  file改为file.rawfileReader.readAsBinaryString(file.raw);2、报错: Error: Cannot read properties of undefined (reading 'read') at FileReader.read解决方案: import * as XLSX from 'xlsx'3、electron-vue项目中使用fs报错:Module not found: Error: Can't resolve 'fs' in...原因:系统默认不支持node，需要将node集成进来解决方案: 在vue.config.js的pluginOptions中加入pluginOptions:{electronBuilder:{nodeIntegration:true}}

    readExcelFile(file){let fileReader = new FileReader();let generateText = this.generateText;fileReader.onload = function () {try {let data = fileReader.result;let workbook = XLXS.read(data, {type:"binary"});let wsname = workbook.SheetNames[0];let tempData = XLXS.utils.sheet_to_json(workbook.Sheets[wsname]);// console.log("Excel长度为", tempData.length);let excelData = [...tempData];console.log("ExcelName=%s, 数据行数=%d", file.raw.name, excelData.length);generateText(file.raw.path, file.raw.name, excelData);}catch (e) {console.log("怎么了怎么了", e)return false;}}fileReader.readAsBinaryString(file.raw);}

获取Excel表头

let workbook = XLXS.read(data, {type:"binary"});
let wsName = workbook.SheetNames[0];
//获取表头
let tableHeader = XLXS.utils.sheet_to_json(workbook.Sheets[wsName], {header:1})[0];

vue解析Excel相关推荐

vue解析excel文件(使用xlsx)
1.安装xlsx依赖 npm install xlsx --save 2.创建一个js作为外部引入,命名为excel.js /* eslint-disable */ import XLSX from ...
vue excel导入mysql详细教程_Vue前端上传EXCEL文件，后端（springBoot+MyBatis+MySQL）解析EXCEL并批量插入/更新数据库...
文章目录 Vue前端后端 controller层 service层:如何解析Excel文件 MyBatis:实现批量插入在mysql中设置唯一索引Unique Index MySQL中的inser ...
vue 前端解析Excel
第一次使用前端的xlsx来解析excel 首先惯例引入xlsx组件依赖 npm install xlsx 前端页面 <input style="position: absolute; ...
vue实现纯前端导入与解析excel表格文件，导出Excel
一.安装相关依赖 npm install --save xlsx file-saver 二.使用 import * as XLSX from 'xlsx/xlsx.mjs' const FileSav ...
js-xlsx vue导入excel在线预览
js-xlsx vue导入excel在线预览导入XLSX库官方地址Github 安装 npm install xlsx --s 引入 import XLSX from 'xlsx' HTML &l ...
XX健康:预约管理-预约设置日历插件文件简单下载Excel文件解析Excel表数据批量导入
1. 需求分析前面我们已经完成了检查项管理.检查组管理.套餐管理等.接下来我们需要进行预约设置,其实就是设置每一天的体检预约最大数量.客户可以通过微信端在线预约,在线预约时需要选择体检的时间,如果客 ...
java解析Excel文件的方法
java解析Excel文件的方法介绍 1.1 pom依赖 1.2 将数据流转化为可解析的Workbook类型文件 1.3 解析 1.4 Controller层接收前端传递的Excel文件(前端使用E ...
SheetJS - XLS sheet_to_json() 方法解析 Excel 时不解析表格标题（表格第一行或N行）
前言官方文档:https://github.com/rockboom/SheetJS-docs-zh-CN 在 Vue 项目中,做 Excel(*.xls) 导入并预览表格功能时, 出现了表格第一行 ...
java代码使用http请求解压zip包并解析xml_Javascript 是如何解析 Excel 文件的？
最近要做一个导入导出 Excel 的功能,上一次做这个功能的时候,还是用的 Java Apache POI,这是一个用 Java 编写的免费开源的跨平台的 Java API,能够对 Microsoft ...

vue解析Excel

vue解析Excel相关推荐

最新文章

热门文章