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

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

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

您可以使用 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>