如何使用 JavaScript 将数据从 excel（xlsx、csv）导入 HTML 页面？ [关闭]答案

【问题标题】：How can I import data from excel (xlsx, csv) to a HTML page using JavaScript? [closed]如何使用 JavaScript 将数据从 excel（xlsx、csv）导入 HTML 页面？ [关闭]
【发布时间】：2015-01-11 04:15:08
【问题描述】：

喂！我有一个 .xlsx 和 .html 文件。如何使用 JavaScript 将 xlsx 文件导入我的 html 文件，我已经看过 Simon Allardice 的 Lynda: JavaScript Essential Training 并且不知道如何做到这一点！谷歌了很多，仍然在这里。尝试了类似的问题... 只需要一个脚本把它复制到我的html文件中，然后我的html文件就可以读取xlsx并在浏览器中显示了！

【问题讨论】：

按照措辞，你的问题没有任何意义。

标签： javascript html excel csv xlsx

【解决方案1】：

您可以使用Alasql JavaScript SQL 库，它具有读取 XLSX 文件和放入 HTML 页面的特殊功能。它使用js-xlsx 库来读取 XLSX 文件。

免责声明：我是 Alasql 的作者。

在这个例子中：

Alasql 从 cdn.rawgit.com 获取 Excel 文件（您可以将其替换为您的地址
Alasql 将结果表放入 id="res" 的 DIV - 您可以更改名称或添加 CSS 来美化结果表
{headers:true}标志表示Alasql读写headers
您也可以读取 CSV 文件 - 只需将示例中的 XLSX() 替换为 CSV()
出于生产目的，将 alasql.min.js 和 xlsx.core.min.js 下载到您的服务器或使用 CDN。

查看下面的工作代码sn-p：

alasql('select * into html("#res",{headers:true}) \
  from xlsx("https://cdn.rawgit.com/agershun/alasql/version-0.0.36/test/test168.xlsx",\
            {headers:true})')

<script src="https://cdn.jsdelivr.net/alasql/0.3/alasql.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.7.12/xlsx.core.min.js"></script>

<div id="res"></div>

【讨论】：

非常感谢。如何将边框和颜色应用于此结果？有没有办法应用布局、公式和格式？
边框和布局需要添加 CSS 规则，见 jsFiddle (jsfiddle.net/agershun/968zrcks) 中的示例。对于公式：如果您想保留 Excel 公式 - 您需要直接使用 js-xlsx (github.com/SheetJS/js-xlsx)。它具有从电子表格中读取公式的功能。如果您想要简单的预定义公式，您可以使用 Alasql 的 SELECT 功能，例如：SELECT *, Population*100 AS NewPop FROM XLSX("mydata.xlsx",{headers:true})
另一个使用标准和用户定义的公式进行数据操作和格式化的示例：jsfiddle.net/agershun/6dycw1jz/2。如果这种方法适合您，我可以将标准格式化函数添加到库中。
CSS 方式很好，对我有很好的帮助，再次感谢。现在我想知道是否可以标记每个 td 的特定位置并在其中显示内容。并将 B、C 和 D 单元格四舍五入到小数点后 1 位。
请查看图片：oi60.tinypic.com/bgv18y.jpg