jquery读取excel文件渲染并显示

要读取Excel文件并在网页中渲染和显示，可以使用以下步骤：

1. 首先在网页中引入 jQuery 和 SheetJS（用于解析Excel文件）的库文件：

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/xlsx/dist/xlsx.full.min.js"></script>

2. 在页面中添加一个文件选择器，并为其添加 change 事件：

<input type="file" id="excel-file" />

<script>
  $("#excel-file").on("change", function(event) {
    var file = event.target.files[0];
    var reader = new FileReader();
    reader.onload = function(e) {
      var data = e.target.result;
      var workbook = XLSX.read(data, { type: "binary" });
      var sheet_name = workbook.SheetNames[0];
      var worksheet = workbook.Sheets[sheet_name];
      var html = XLSX.utils.sheet_to_html(worksheet);
      $("#excel-data").html(html);
    };
    reader.readAsBinaryString(file);
  });
</script>

3. 在页面中添加一个用于显示Excel数据的容器：

<div id="excel-data"></div>

4. 当用户选择Excel文件后，通过 FileReader 对象读取文件内容，并使用 SheetJS 解析Excel文件。然后将解析后的数据转换为 HTML，最后将 HTML 插入到页面中指定的容器中。

这样就可以读取Excel文件并在网页中显示了。需要注意的是，这种方法只适用于在客户端浏览器中读取Excel文件，不适用于在服务器端读取Excel文件。