前端JS Excel解析导入

最新推荐文章于 2025-06-20 10:32:44 发布

原创最新推荐文章于 2025-06-20 10:32:44 发布 · 672 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js

全栈工程师同时被 2 个专栏收录

30 篇文章

订阅专栏

12 篇文章

订阅专栏

本文介绍了一种使用XLSX.js库从浏览器中读取并解析.xlsx文件的方法，通过实例展示了如何将Excel数据转换为JSON格式，便于进一步的数据处理和分析。

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

需要引入：

<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.14.0/xlsx.core.min.js"></script>

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

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
</head>

<body>
  <input type="file" onchange="importXlsx(this)">
</body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.14.0/xlsx.core.min.js"></script>
<script type="text/javascript">
	
	function importXlsx(e) {
    let files = e.files;
    console.log(files[0])
    for (let i = 0; i < files.length; i++) {
      let reader = new FileReader();
      let name = files[i].name;
      reader.onload = function (e) {
        let data = e.target.result;
        let workbook = XLSX.read(data, {
          type: typeof FileReader !== "undefined" && (FileReader.prototype || {}).readAsBinaryString ?
            'binary' : 'array'
        });
        let workbookSheets = workbook.Sheets;
        for (let sheet in workbookSheets) {
          if (workbookSheets.hasOwnProperty(sheet)) {
            fromTo = workbookSheets[sheet]['!ref'];
            let xlsxData = XLSX.utils.sheet_to_json(workbookSheets[sheet]);
            // 结果数组
            console.log(sheet)
            console.log(xlsxData);
          }
        }
      };
      reader.readAsBinaryString(files[i]);
    }
  }
</script>

在这里插入图片描述