js 上传excel文档 获取excel文档数据

你可以使用 JavaScript 中的 File API 和第三方库如 SheetJS 来实现上传 Excel 文档并获取其中的数据。

以下是一个简单的示例代码：

<input type="file" id="fileInput">

<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.16.9/xlsx.full.min.js"></script>
<script>
  const fileInput = document.getElementById('fileInput');

  fileInput.addEventListener('change', (event) => {
    const file = event.target.files[0];
    const reader = new FileReader();

    reader.onload = (event) => {
      const data = new Uint8Array(event.target.result);
      const workbook = XLSX.read(data, { type: 'array' });
      const worksheet = workbook.Sheets[workbook.SheetNames[0]];
      const rows = XLSX.utils.sheet_to_json(worksheet, { header: 1 });

      console.log(rows);
    };

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

这段代码中，我们首先创建了一个 `<input type="file">` 元素，用于选择本地的 Excel 文档。然后使用 `FileReader` 对象读取文件，并将读取到的数据传递给 SheetJS 库中的 `XLSX.read` 方法，以创建一个 `Workbook` 对象。接着，我们从 `Workbook` 对象中获取第一个工作表，并使用 `XLSX.utils.sheet_to_json` 方法将其转换为 JSON 格式的数据，以便后续操作。最后，我们将获取到的数据打印到控制台中。

注意，这里使用的 SheetJS 库需要在代码中进行引入。你也可以使用其他类似的库来实现类似的功能。此外，由于读取 Excel 文件需要大量的计算资源，因此在处理大型数据集时可能会面临性能问题。