vue项目导入excel数据

1.安装xlsx，xlsx文档介绍：https://github.com/SheetJS/sheetjs

npm install xlsx

2.在vue文件中引入

import XLSX from 'xlsx'
importExcel(file, fileList) {const types = file.name.split('.')[1];const fileType = ['xlsx', 'xlc', 'xlm', 'xls', 'xlt', 'xlw', 'csv'].some(item => item === types);if (!fileType) {this.$message({type: 'error',message: '格式错误！请重新选择'});return}this.file2Xce(file).then(tabJson => {if (tabJson && tabJson.length > 0) {this.xlsxJson = tabJson;for (var i=0; i<tabJson.length; i++) {console.log('数据:', this.xlsxJson)}}})
}
file2Xce(file) {return new Promise(function(resolve) {const reader = new FileReader()reader.onload = function(e) {const data = e.target.resultthis.wb = XLSX.read(data, {type: 'binary'})const result = []this.wb.SheetNames.forEach((sheetName) => {result.push({sheetName: sheetName,sheet: XLSX.utils.sheet_to_json(this.wb.Sheets[sheetName])})})resolve(result)}reader.readAsBinaryString(file.raw)// reader.readAsBinaryString(file)     //使用原始input方法})
}

3.在element ui 上传组件上加入:on-change=“importExcel”, 取消自动上传:auto-upload=“false”，active="/"
至此大功告成了

今日头条极速版邀请码【941363528】
抖音极速版邀请码【8121029958】
快手极速版邀请码【426942961】
番茄听书邀请码【453330438】
番茄免费小说邀请码【7556736071】

vue项目导入excel数据相关推荐

easyExcel 导入Excel数据
easyExcel 导入Excel数据最近公司项目需要导入几十万的Excel数据,我这里用的是现在最流行的easyExcel, 希望能帮助到你首先导入jar包 <dependency> ...
vue中导入excel文件
vue中导入excel文件 1.安装插件 npm install -S file-saver xlsxnpm install -D script-loader 2.在utils中创建excel文件夹放 ...
导入Excel数据过慢
一.现象: 最近项目遇到导入Excel数据,返回的相应很慢.再服务器上十几条的Excel数据,导入预览返回需要1分钟.这现象不正常吧? 二.分析将后台读取的Excel数据并且在校验数据加上打印日志. ...
c 导入oracle数据库,c导入excel数据到数据库
报表工具如何实现多次导入Excel 很多人在开发报表的时候会遇到将多张表样相同的excel导入到模板,然后提交至数据库中.但问题是很多情况,在线导入不支持一次性选择多个excel,一次只能选择一个ex ...
【二十四】springboot使用EasyExcel和线程池实现多线程导入Excel数据
springboot篇章整体栏目: [一]springboot整合swagger(超详细 [二]springboot整合swagger(自定义)(超详细) [三]springboot整合toke ...
python绘制动态图表怎么存下来_用python如何实现导入excel数据后自动生成图表？python如何实现交互式动态图表？...
这个需求涉及的环节太多了.导入excel文件,获取数据 -- 需要xlrd模块把数据导入python 2. 设定输出图表类型 -- 需要matplot模块.根据数据复杂度,可能需要ETL,那么需要pa ...
python导入excel数据-如何把python中的数据导入excel
python将数据导入excel的方法:1.在python官网下载xlrd第三方库:2.利用xlrd中的open_workbook函数读入excel文件,即可在python中导入excel数据. 一. ...
oracle 导入Excel数据
oracle 导入excel数据 CreateTime--2018年1月30日14:58:51 Author:Marydon 通过plsql实现 1.准备工作 Excel中的字段名称,必须和表结构字段 ...
php 导入表格数据,PHPExcel 导入Excel数据的方法
这篇文章主要介绍了关于PHPExcel 导入Excel数据的方法,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下一:使用composer下载 phpoffice/phpexcel 或者 ...
Vue项目中获取数据后使用swiper轮播，无法轮播且 autoplay 和 loop 失效问题！
Vue项目中获取数据后使用swiper轮播,无法轮播且 autoplay 和 loop 失效问题! 问题表现:轮播组件显示第一张图,可拖动但无法切换到下一张图.但是F12控制台切换屏幕后能正常轮播但无 ...

vue项目导入excel数据

vue项目导入excel数据相关推荐

最新文章

热门文章