html读取excel文件填充到table中

可以使用JavaScript的File API来读取Excel文件，然后使用第三方库如SheetJS来将数据转换为可用于填充HTML表格的格式。

以下是一个基本的示例：

HTML代码：

<input type="file" id="fileInput">
<table id="dataTable"></table>

JavaScript代码：

// 监听文件输入框变化
document.getElementById('fileInput').addEventListener('change', handleFile, false);

function handleFile(event) {
  // 获取选中的文件
  const file = event.target.files[0];

  // 使用FileReader对象读取文件
  const reader = new FileReader();
  reader.onload = function(event) {
    // 将文件内容转换为二进制字符串
    const data = event.target.result;
    // 使用SheetJS将Excel文件解析为JSON对象
    const workbook = XLSX.read(data, {type: 'binary'});
    const sheetName = workbook.SheetNames[0];
    const worksheet = workbook.Sheets[sheetName];
    const jsonData = XLSX.utils.sheet_to_json(worksheet, {header:1});

    // 找到table元素
    const table = document.getElementById('dataTable');

    // 清空表格内容
    table.innerHTML = '';

    // 遍历JSON数据并添加到表格中
    for (let i = 0; i < jsonData.length; i++) {
      const row = table.insertRow(i);
      for (let j = 0; j < jsonData[i].length; j++) {
        const cell = row.insertCell(j);
        cell.textContent = jsonData[i][j];
      }
    }
  };
  reader.readAsBinaryString(file);
}

需要注意的是，这个示例使用了SheetJS库，需要先引入它的脚本文件：

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