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

本文介绍了如何在前端使用JavaScript,结合React和Antd,实现Excel文件到JSON数据的转换,以及JSON数据到Excel文件的下载。通过提供的代码示例,详细阐述了转换过程。
摘要由CSDN通过智能技术生成

最近项目上有个需求,需要前端去解析上传的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
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值