当前位置:   article > 正文

js 纯前端实现.JSON数据和Excel .xls/.xlsx数据互转(react+antd上传下载)_react 读取xlsx的图片

react 读取xlsx的图片

最近项目上有个需求,需要前端去解析上传的Excel文件,并转成标准的JSON数据,同时还需要下载JSON数据并转换成Excel可打开的数据,今天需求做完,顺手整理下,借此方便自己增强理解~

1.Excel转JSON

//fileList指的是Excel文件的数据流
const file = fileList[0];
const fileReader = new FileReader();
    fileReader.onload = event => {
   
            try {
   
               const {
    result } = event.target;
               // 以二进制流方式读取得到整份excel表格对象
               const workbook = XLSX.read(result, {
    type: 'binary' });
               // 存储获取到的数据
               let data = {
   };
               // 遍历每张工作表进行读取(这里默认只读取第一张表)
               for (const sheet in workbook.Sheets) {
   
                  let tempData 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/知新_RL/article/detail/770382
推荐阅读
相关标签
  

闽ICP备14008679号