如何使用 JavaScript 将数据从 excel (xlsx, csv) 导入到 HTML 页面？

Question

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

Answer 1

您可以使用 Alasql JavaScript SQL library, which has special functionality to read XLSX files and put in HTML page. It uses js-xlsx 库来读取 XLSX 文件。

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

在这个例子中：

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

查看下面的工作代码片段：

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>

如何使用 JavaScript 将数据从 excel (xlsx, csv) 导入到 HTML 页面？

How can I import data from excel (xlsx, csv) to a HTML page using JavaScript?

html

javascript

csv

excel

xlsx