js读取excel,xlsx,xls 表格,转成JSON数据
js读取excel,xlsx,xls 表格,转成JSON数据
- 使用 js-xlsx 插件:https://github.com/SheetJS/js-xlsx
- 转为JSON数据后的效果图 欢迎参考
使用 js-xlsx 插件:https://github.com/SheetJS/js-xlsx
HTML内容
创建input type为file 文件上传格式 绑定change事件 通过change事件获取到上传文件的内容
JS内容
<script>
import XLSX from 'xlsx';
export default {data() {return {控制上方弹窗是否显示dialogVisible:false,// 进度条JinDu:0};},
这里是监视dialogVisible发生变化调用methods内声明的QingKong方法watch:{dialogVisible(){if(this.dialogVisible==false){this.QingKong()}}}methods: {这里是防止用户上传文件后改动文件内容再次点击上传不触发change事件做的清空事件QingKong(){this.$refs.readFile.value = '';this.JinDu=0;},这里是解析xls xlsx表格内容转为JSON格式readFile(e) {const files = e.target.files;//如果没有文件名if(files.length<=0){return false;}else if(!/\.(xls|xlsx)$/.test(files[0].name.toLowerCase())){console.log('文件传格式不正确');return false;}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];//取第一张表const ws = XLSX.utils.sheet_to_json(workbook.Sheets[wsname]);//生成json表格内容// console.log('JOSN转化结果:',ws);for(let i = 0; i < ws.length; i ++) {ws[i].出生年月 = this.formatDate(ws[i].出生年月, '-')this.JinDu=Math.round(i / ws.length *100);// console.log(this.JinDu);}console.log(ws)} catch (e) {return false;}};fileReader.readAsBinaryString(files[0]);},这里是日期转换方formatDate(numb, format) {const time = new Date((numb - 1) * 24 * 3600000 + 1)time.setYear(time.getFullYear() - 70)const year = time.getFullYear() + ''const month = time.getMonth() + 1 + ''const date = time.getDate() - 1 + ''if (format && format.length === 1) {return year + format + (month < 10 ? '0' + month : month) + format + (date < 10 ? '0' + date : date)}return year + (month < 10 ? '0' + month : month) + (date < 10 ? '0' + date : date)},};
</script>
转为JSON数据后的效果图 欢迎参考
js读取excel,xlsx,xls 表格,转成JSON数据相关推荐
- EXCEL表格转换成json数据工具
请先下载phpexcel插件后在使用如下代码运行 phpexcel插件下载地址:http://www.chtml.cn/topic/show/40 实例代码: <!DOCTYPE HTML PU ...
- xlsx.full.js读取Excel数据转换成二维数组,sheet_to_array
xlsx.full.js读取Excel的sheet数据转换成二维数组,sheet_to_array 解析sheet数据为二维数组 测试方法 效果 鉴于js-xlsx.js没有XLSX.util.she ...
- js读取excel或者导出成excel时权限设置问题
当我们在使用js读取excel,或者导出excel的时候都会有权限问题. 做如下设定即可.IE8 1.将网站加入到信任的网站. 2.更改插件的使用权限: 经过以上两个步骤就可以了.
- 通用方法 Java实现excel表格转成json
来源:http://blog.csdn.net/allen202/article/details/54145479 今天有个朋友问我,有没有excel表格到处json的方法,在网上找到了好几个工具,都 ...
- node-js——将excel表格转换成json文件
文章目录 将excel表格转换成json文件 步骤 一.引用nodejs的xlsx模块,读取表格的数据 二.引入fs模块,创建文件并写入 三.写一个bat脚本,双击自动执行nodejs文件 示例文件下 ...
- java excel转json_Java中excel表格转成json的的实现方法
本篇文章主要介绍了Java实现excel表格转成json的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧 今天有个朋友问我,有没有excel表格到处json的方法,在 ...
- java将excel转成json_Java实现excel表格转成json的方法
今天有个朋友问我,有没有excel表格到处json的方法,在网上找到了好几个工具,都不太理想,于是根据自己的需求,自己写了一个工具. package org.duang.test; import ja ...
- js读excel到网页表格预览
xlsx.js读取xls,xlsx文件到网页表格预览(bootstrap table) 以下描述仅展示主要功能,具体代码实现在gtihub上,链接在文章最后. 1.js准备 读取文件的xlsx.js+ ...
- js 读取excel 导入mysql_可以读取EXCEL文件的js代码
首页给个有中文说明的例子,下面的例子很多大家可以多测试. function readExcel() { var excelApp; var excelWorkBook; var excelSheet; ...
- NET CORE读取Excel.xlsx单元格内的图片,并关联当前业务ID推送图片到指定服务器...
NET CORE读取Excel.xlsx单元格图片的场景,一般是批量导入业务数据,例如:药品的图片,医师资格证,商品上架.商家营业资质.水果信息.用户头像等等 这里我截个图,图文并茂更好理解 特别声明 ...
最新文章
- 005,使用Java客户端连接RabbitMQ,构造我们的第一个Publish和Consumer应用
- Fibonacci 数列
- 系统延时任务及定时任务
- 微信“拍一拍”的后悔药来了!手滑拍了老板终于有救了
- 微型计算机系统软件包括哪些,计算机的软件系统包括哪些内容
- 4个公认高用的OCR文字识别网站,免费高效率!
- java call_求问java代码中的call是什么意思?
- 塞规公差带图_塞规和卡规公差表
- c++ 将行列式化为上三角行列式,并求值。
- 中式英语如何产生?该怎么办?
- 常用C++开发环境介绍
- 【渝粤题库】陕西师范大学151213 公司战略与风险管理作业(专升本)
- catia利用宏批量改名的方法_catia怎么批量改名-catia利用宏批量改名的方法 - 河东软件园...
- javaSE探赜索隐之三<类与对象的爱恨情仇中>
- Egret性能优化之优化渲染
- java核心技术卷一,java面试题大全带答案
- 利用Python来制作一个中英互译器,并实现语音播报
- cp2k 编译安装教程
- Office 365最新2022新版本
- python根据url获得m3u8_python爬取m3u8连接的视频