js导入一个excel文件，前端读取excel

在前端读取Excel文件，可以使用如下步骤：

1. 安装xlsx库

npm install xlsx

2. 创建一个input标签，用于选择Excel文件

<input type="file" id="inputFile" accept=".xlsx,.xls">

3. 监听input标签的change事件，获取选择的文件

const input = document.getElementById('inputFile');
input.addEventListener('change', (event) => {
  const file = event.target.files[0];
  readExcel(file);
});

4. 使用xlsx库读取Excel文件中的数据

import XLSX from 'xlsx';

function readExcel(file) {
  const reader = new FileReader();
  reader.onload = (event) => {
    const data = new Uint8Array(event.target.result);
    const workbook = XLSX.read(data, { type: 'array' });
    const sheetName = workbook.SheetNames[0];
    const worksheet = workbook.Sheets[sheetName];
    const excelData = XLSX.utils.sheet_to_json(worksheet);
    console.log(excelData);
  };
  reader.readAsArrayBuffer(file);
}

在上述代码中，我们首先使用FileReader API读取Excel文件的二进制数据，然后使用xlsx库解析Excel文件中的数据。最后，我们将解析后的数据以JSON的形式输出到控制台。

需要注意的是，如果要读取xlsx文件，则需要安装xlsx库，如果要读取xls文件，则需要安装xls库。同时，为了保证数据的安全性，我们可以对input标签设置accept属性，限制只能选择Excel文件。