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 表格的主要内容,如果未能解决你的问题,请参考以下文章