博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
将excel导入转化为json格式数据
阅读量:5024 次
发布时间:2019-06-12

本文共 1665 字,大约阅读时间需要 5 分钟。

 废话不说,直接上代码

 首先前端是一个上传文件的组件,第一步加载文件,第二部导入,在导入的时候就会触发方法对Excel进行解析,转化为json数据!

  

下面是实现的前端效果:

下面是实现转换的主要js:

/*** 将解析的json数据分装到一个临时数组*  @param event */uploadHandler(event) {    this.parseXlsxToJson(event.files[0]).subscribe(resp => {      this.up = resp;      this.up.forEach(element => {        // delete element['xuhao'];        element['字段1'] = element['字段1'].trim(); //        element['字段2'] = element['字段2'].trim(); //      });      console.log("打印up")      console.log(this.up)      if (this.up.length != 0) {        this.msgs = [{ severity: 'success', summary: '', detail: '模板导入成功!' }];      }      else {        this.msgs = [{ severity: 'error', summary: '', detail: '模板数据为空,请核对!' }];      }    });  }  /**   * 将excel数据解析成Json格式数据   * 将json数据对象的属性名称转换成字段名称   * @param fileData    */  parseXlsxToJson(fileData: Blob): Observable
{ return this.parseXlsx(fileData, (ws) => { // 将json数据对象的属性名称转换成字段名称 this.fileSource.next(XLSX.utils.sheet_to_json(ws, { raw: false, range: 1, header: ['字段1', '字段2'] })); }); } /** *解析excel内容 */ private parseXlsx(fileData: Blob, callBack: Function): Observable
{ this.reader.onload = function (e) { const data = new Uint8Array(e.target['result']); const workbook = XLSX.read(data, { type: 'array' }); const wsname: string = workbook.SheetNames[0]; const ws = workbook.Sheets[wsname]; callBack(ws); }; this.reader.readAsArrayBuffer(fileData); if (this.fileSource) { this.fileSource = new Subject(); } return this.fileSource.asObservable(); }

  最终解析的数据:

转载于:https://www.cnblogs.com/jeemia/p/11140452.html

你可能感兴趣的文章
MySQL锁之三:MySQL的共享锁与排它锁编码演示
查看>>
docker常用命令详解
查看>>
jQuery技巧大放送
查看>>
字符串转换成JSON的三种方式
查看>>
Hive时间函数笔记
查看>>
clojure-emacs-autocomplete
查看>>
一个自己写的判断2个相同对象的属性值差异的工具类
查看>>
10 华电内部文档搜索系统 search03
查看>>
[HIHO1149]回文字符序列(dp)
查看>>
[HDU1402]A * B Problem Plus(FFT)
查看>>
[CF803C] Maximal GCD(gcd,贪心,构造)
查看>>
逆时针旋转的矩阵变换
查看>>
第10周15/16/17
查看>>
【数据库】SQL两表之间:根据一个表的字段更新另一个表的字段
查看>>
四六级作文常见错误解析(转载)
查看>>
Tomcat
查看>>
./是当前目录 ../是当前的上一级目录。上上级就是../../一般绝对路径时候常用...
查看>>
linux支持FTP和SFTP服务【1】
查看>>
树的递归与非递归遍历方法
查看>>
每天一个Linux命令(6):rmdir命令
查看>>