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

H! 我有一个.xlsx和.html文件。 我如何使用JavaScript将xlsx文件导入到我的html文件中,我已经观看了Simon Allardice的Lynda:JavaScript Essential Training,并没有得到任何线索如何做到这一点! Googlesearch了很多,仍然在这里。 试过类似的问题…只需要一个脚本将其复制到我的HTML文件,然后我的HTML文件可以读取XLSX并显示在浏览器中!

您可以使用Alasql JavaScript SQL库,它具有特殊function来读取XLSX文件并放入HTML页面。 它使用js-xlsx库来读取XLSX文件。

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

在这个例子中:

  • Alasql从cdn.rawgit.com获取Excel文件(您可以用您的地址replace它)
  • Alasql将结果表放到DIV中,id =“res” – 您可以更改名称或添加CSS来美化结果表
  • {headers:true}标志意味着Alasql读取和写入标题
  • 您也可以读取CSV文件 – 只需在示例中将XLSX()replace为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>