如何使用 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>
哼! 我有一个 .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>