Excel 到 HTML 表格

Posted

技术标签:

【中文标题】Excel 到 HTML 表格【英文标题】:Excel to HTML table 【发布时间】: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>

【问题讨论】:

【参考方案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 我在后面的问题中看到了您使用的代码。尽管您仍然可以更轻松地完成它,但在成功完成您自己的代码方面做得很好(当事情最终解决时总是很好!:))。你介意接受我的回答吗?它标志着它对其他人的未来有用(我们都得到了代表)......干杯。

以上是关于Excel 到 HTML 表格的主要内容,如果未能解决你的问题,请参考以下文章

如何将 HTML 表格导出到 Chrome 和 IE 支持的 Excel?

HTML 表格到 Excel Javascript

python中如何将测试结果写入到原有的excel表格

html页面表格导出到excel总结

html页面表格导出到excel总结

将 HTML 表格导出到 Excel - 使用 jQuery 或 Java