vue使用xlsx包解析xlsx表格文件成json格式

news/2024/11/19 19:21:56/

根据实际项目需求,需要前端去解析Excel文件成json格式传给后端
这时候我就想到了xlsx包,有直接转化为json的方法
说干就干

1.安装和引入相关包
(jquery好像是xlsx需要安装的依赖)

    "jquery": "^3.5.1","xlsx": "^0.16.8"

然后npm install一下

2.在vue文件中引入

import XLSX from "xlsx"; 

3.准备一个解析的excel文件,开始前端接入

          <div class="importdata-title">上传文件:</div><div class="importdata-box"><inputtype="file"ref="upload"accept=".xls, .xlsx"class="outputlist_upload"style="width:100px;"@change="readExcel"/></div>

js方法:

    readExcel(e) {//表格导入const files = e.target.files;const fileReader = new FileReader();fileReader.onload = ev => {try {const data = ev.target.result;const workbook = XLSX.read(data, {type: "binary"});const wsname = workbook.SheetNames[0]; //取第一张表console.log(workbook)const ws = XLSX.utils.sheet_to_json(workbook.Sheets[wsname]); //生成json表格内容this.toJson = ws// 转化成功的json} catch (e) {return false;}};fileReader.readAsBinaryString(files[0]);},

http://www.ppmy.cn/news/501011.html

相关文章

固态功率控制器

最近在做固态功率继电器调试&#xff0c;其中涉及到I2T短路保护设计和调试&#xff0c;把一些经验记录于此&#xff0c;做为经验积累&#xff0c;方便后续学习。&#xff08;因为是首次调试&#xff0c;经验不一定正确&#xff0c;暂且记录&#xff0c;后续有笔误之处会更新完善…

java解析xlsx表格,写入xlsx表格实例

1&#xff0c;下载所需jar包地址xlsx依赖jar 2&#xff0c;读取表格数据代码实例 static void jx(File file) throws IOException {InputStream is new FileInputStream(file);XSSFWorkbook xssfWorkbook new XSSFWorkbook(is);XSSFSheet xssfSheet xssfWorkbook.getSheetA…

Python 读取xlsx表格

#!/usr/bin/python -- coding: UTF-8 -- import xlrd from datetime import date,datetime file ‘cc.xlsx’ #需要读取的文件 def read_excel(): wb xlrd.open_workbook(filenamefile)#打开文件 print(wb.sheet_names()) #获取所有表格名字 #[sheet1,sheet2,sheet3]sh…

使用easyexcel快速导出xlsx表格(简洁、高效、易懂)

Easyexcel是一款非常好用的POI框架&#xff0c;是为了让开发者快速的实现excel&#xff0c;word,pdf的导入导出&#xff0c;基于Apache poi基础上的一个工具包。 基于注解的导入导出&#xff0c;修改注解就可以修改Excel支持常用的样式自定义基于map可以灵活定义的表头字段支持…

用Python一步读写csv、xlsx表格

需求代码测试 需求 python的内置库csv提供了读写csv表格的方法&#xff0c;第三方库openpyxl 提供了读写xlsx表格的方法。 不过&#xff0c;为了避免每次调用这些库时都要回忆其用法&#xff0c;笔者将基本的读写操作封装成函数——通过python的list类型直接读写csv、xlsx表格…

CAPL 无法处理 xlsx 表格,Python老大哥曲线助攻

&#x1f345; 我是蚂蚁小兵&#xff0c;专注于车载诊断领域&#xff0c;尤其擅长于对CANoe工具的使用&#x1f345; 寻找组织 &#xff0c;答疑解惑&#xff0c;摸鱼聊天&#xff0c;博客源码&#xff0c;点击加入&#x1f449;【相亲相爱一家人】&#x1f345; 玩转CANoe&…

vue项目前端导出xlsx表格带边框

最近项目中要求不再通过发送请求导出excel表格了&#xff0c;于是在网上找了找方法&#xff0c;在这记录一下方便以后查阅 一、首先先在项目中安装这几个包 npm install xlsx --save npm install file-saver --save npm install xlsx-style --save二、包安装完成之后在需要导出…

用matlab进行xlsx表格的提取和操作

用matlab进行xlsx表格的提取和操作 一、数据的提取二、垃圾数据的清除三、数据的分类四、图像的绘制 在学习数学建模时&#xff0c;我们会碰到大数据的问题&#xff0c;这类问题通常要进行数据预处理&#xff0c;这是我用matlab进行预处理的一些经验总结。数据预处理通常分为三…