js xlsx 转json数据(叶笔记)

最新推荐文章于 2025-04-27 17:18:36 发布

葉幺

最新推荐文章于 2025-04-27 17:18:36 发布

阅读量1.1k

点赞数

分类专栏： js H5 文章标签： javascript json webview

本文链接：https://blog.youkuaiyun.com/weixin_42861240/article/details/122940555

版权

H5 同时被 2 个专栏收录

23 篇文章

订阅专栏

13 篇文章

订阅专栏

本文介绍如何利用xlsx.full.min.js库将XLSX文件转换为JSON数据。提供了一个下载链接，并提示若链接失效可在搜索引擎查找该库。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!doctype html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport"
    content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>上传文件</title>
  <script type="text/javascript" src='js/xlsx.full.min.js'></script>
</head>

<body>
  文件：<br>
  <input type="file" id="file"><br>
</body>
<script>
  //首先监听input框的变动，选中一个新的文件会触发change事件
  document.querySelector("#file").addEventListener("change", function () {
    //获取到选中的文件
    var file = document.querySelector("#file").files[0];
    var type = file.name.split('.');
    if (type[type.length - 1] !== 'xlsx' && type[type.length - 1] !== 'xls') {
      alert('只能选择excel文件导入');
      return false;
    }
    const reader = new FileReader();
    reader.readAsBinaryString(file);
    reader.onload = (e) => {
      const data = e.target.result;
      const zzexcel = window.XLS.read(data, {
        type: 'binary'
      });
      const result = [];
      for (let i = 0; i < zzexcel.SheetNames.length; i++) {
        const newData = window.XLS.utils.sheet_to_json(zzexcel.Sheets[zzexcel.SheetNames[i]]);
        result.push(...newData)
      }
      console.log('result', result)   // 例如我的示例返回值 [{English: "en",中文: "zh",中文繁體: "cht",描述: "语言类型缩写",日本語: "jp",한글: "kor"}]

      /**
       * 下面这些是根据自己的要求修改 
       * 
       **/
      let NewJson = [{en:[]},{zh:[]},{jp:[]},{cht:[]},{kor:[]}]
      for(let i=0; i<result.length; i++){
      	if(i!=0){
      		let newMS = result[i].描述
      		let newEN = result[i].English
      		let newZH = result[i].中文
      		let newJP = result[i].日本語
      		let newHY = result[i].한글
      		let newFT = result[i].中文繁體
      		NewJson[0].en.push({[newMS]:newEN||''})
      		NewJson[1].zh.push({[newMS]:newZH||''})
      		NewJson[2].jp.push({[newMS]:newJP||''})
      		NewJson[3].cht.push({[newMS]:newFT||''})
      		NewJson[4].kor.push({[newMS]:newHY||''})
      	}
      }
      console.log("zhongwen",NewJson)  // 例如我的示例返回值 [{en:[]},{zh:[]},{cht:[]},{jp:[]},{kor:[]}]
    }
  });
</script>

</html>

xlsx.full.min.js 下载路径 https://github.com/TaoZY512/xlsx (注:如果连接失效就自己百度xlsx.full.min.js下载)