前端导入excel文件

在前端导入Excel文件，可以使用`FileReader`和`xlsx`库。以下是一个简单的示例：

<input type="file" id="excel-file" accept=".xlsx, .xls" />
<button onclick="handleImport()">导入</button>

<script src="https://cdn.jsdelivr.net/npm/xlsx/dist/xlsx.full.min.js"></script>
<script>
  function handleImport() {
    const fileInput = document.getElementById("excel-file");
    const file = fileInput.files[0];
    const reader = new FileReader();

    reader.onload = function (e) {
      const data = e.target.result;
      const workbook = XLSX.read(data, { type: "binary" });
      const sheetName = workbook.SheetNames[0];
      const sheetData = XLSX.utils.sheet_to_json(workbook.Sheets[sheetName]);

      // 处理导入的数据
      console.log(sheetData);
    };

    reader.readAsBinaryString(file);
  }
</script>

在这个示例中，我们使用`<input type="file">`元素让用户选择Excel文件。然后，当用户点击“导入”按钮时，我们使用`FileReader`读取文件并将其解析为JSON格式。最后，我们可以在`onload`回调函数中处理导入的数据。