Excel 到 HTML 表格答案

【问题标题】：Excel to HTML tableExcel 到 HTML 表格
【发布时间】：2017-12-23 12:41:42
【问题描述】：

我是网络编程的新手，我从事的第一个项目是一个允许用户从 Excel 文件（每天更新）中查看信息的网站。我开始借助 Youtube 教程和这个库 https://github.com/SheetJS/js-xlsx 将 Excel 文件转换为 JSON。

我有想要转换为对象的信息，但我不知道如何使用它在网站中显示表格。有什么建议吗？

这是我当前的代码：

/* set up XMLHttpRequest */
  var url = "Teste.xlsx";
  var oReq = new XMLHttpRequest();
  oReq.open("GET", url, true);
  oReq.responseType = "arraybuffer";

  oReq.onload = function(e) {
    var arraybuffer = oReq.response;

    /* convert data to binary string */
    var data = new Uint8Array(arraybuffer);
    var arr = new Array();
    for (var i = 0; i != data.length; ++i) arr[i] = String.fromCharCode(data[i]);
    var bstr = arr.join("");

    /* Call XLSX */
    var workbook = XLSX.read(bstr, {
      type: "binary"
    });

    /* DO SOMETHING WITH workbook HERE */
    var first_sheet_name = workbook.SheetNames[0];
    //var address_of_cell = 'A1';
    /* Get worksheet */
    var worksheet = workbook.Sheets[first_sheet_name];
    XLSX.utils.sheet_to_json(worksheet);

  }

  oReq.send();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!doctype html>
<html>

<head>
  <title>Test</title>
  <script src="xlsx.full.min.js"></script>

</head>

<body>
</body>

</html>

【问题讨论】：

标签： html json excel html-table import-from-excel

【解决方案1】：

觉得你有点把事情复杂化了。

Excel 文件可以导出为 html 文件，或者您可以通过多种方式将 excel 文件嵌入到 html 文件中。

您可以使用office online 创建一个实时 excel 文件创建 excel 文件后，转到文件菜单，然后选择 Share。使用生成的 HTML 嵌入。
如果您不局限于 excel，您也可以使用带有 "Google Sheets" document 的 iframe，并在工作表中选择“发布到网络”选项；嵌入的 google sheet 将更新以反映更新。
如果您真的很着急，可以使用Tableizer 之类的工具将文件转换为 HTML 表格，但我不建议将其作为学习工具。（这是供将来参考）

希望对你有帮助

【讨论】：

您好瑞秋，感谢您的帮助！但不幸的是，我不知道这是否可以帮助我。该应用程序不适合我使用，并且文件会经常更改。添加到在网站中显示表格之后，我想尝试创建一个搜索引擎来显示用户想要查看的信息。这就是为什么我尝试使用 JSON 来处理我想要的信息。
@BrunoSantos 实时 excel 工作表和 google 工作表都将反映对电子表格所做的更改。在这里，这是一个解释其他选项的链接（但不幸的是不是 json）labnol.org/software/embed-tables-spreadsheet-data-in-websites/…
我设法使用了我想要的解决方案，非常感谢您的帮助:)
@BrunoSantos 我在后面的问题中看到了您使用的代码。尽管您仍然可以更轻松地完成它，但在成功完成您自己的代码方面做得很好（当事情最终解决时总是很好！:)）。你介意接受我的回答吗？它标志着它对其他人的未来有用（我们都得到了代表）......干杯。