html读取excel表格并处理

可以使用JavaScript的库js-xlsx来读取Excel表格，然后使用HTML和JavaScript来处理读取的数据。以下是一个简单的例子：

1. 首先，在HTML中创建一个文件上传input元素和一个显示表格的div元素：

<input type="file" id="input" onchange="handleFile()">
<div id="output"></div>

2. 然后，在JavaScript中创建一个函数来处理上传的文件，并将其转换为JSON格式：

function handleFile() {
  const files = document.getElementById("input").files;
  if (files.length == 0) return;
  const file = files[0];

  const reader = new FileReader();
  reader.onload = function(e) {
    const data = e.target.result;
    const workbook = XLSX.read(data, { type: "binary" });
    const sheet_name_list = workbook.SheetNames;
    const json = XLSX.utils.sheet_to_json(workbook.Sheets[sheet_name_list[0]]);
    processData(json);
  };
  reader.readAsBinaryString(file);
}

3. 接下来，在JavaScript中创建一个函数来处理读取的JSON数据，并将其显示在表格中：

function processData(data) {
  const output = document.getElementById("output");
  let html = "<table>";

  // 创建表头
  html += "<tr>";
  for (let key in data[0]) {
    html += "<th>" + key + "</th>";
  }
  html += "</tr>";

  // 创建表格内容
  for (let i = 0; i < data.length; i++) {
    html += "<tr>";
    for (let key in data[i]) {
      html += "<td>" + data[i][key] + "</td>";
    }
    html += "</tr>";
  }
  html += "</table>";
  output.innerHTML = html;
}

这样，当用户选择Excel文件上传后，就可以将其读取并显示在网页上的表格中了。