阅读excel文件并以html

时间:2016-01-18 10:43:15

标签: javascript html angularjs

我有一个包含数据的excel文件。我想阅读该文件并使用JS或Angular JS在html / web页面中显示结果。

3 个答案:

答案 0 :(得分:3)

在浏览器中读取* .xslx文件的一种非常简单的方法:

(在那之后使用JS或Angular JS在html / web页面中显示结果是微不足道的,尽管我建议React over Angular)

https://catamphetamine.github.io/read-excel-file/

<input type="file" id="input" />
import readXlsxFile from 'read-excel-file'

const input = document.getElementById('input')

input.addEventListener('change', () => {
  readXlsxFile(input.files[0]).then((data) => {
    // `data` is an array of rows
    // each row being an array of cells.
  })
})

在上面的示例中,data是原始字符串数据。 通过传递schema参数,可以使用严格模式将其解析为JSON。有关此示例,请参阅API文档。

API文档: http://npmjs.com/package/read-excel-file

答案 1 :(得分:1)

SheetsJS/js-xlsx Github存储库设计用于在Web开发中使用XLSX文件。这对你真的很有用。阅读本文并学习如何使用它,无需重新发明轮子。祝你好运。

答案 2 :(得分:0)

JsZip非常有效地做到了这一点。看看吧。并使用JSZip引用link来读取本地文件,然后您可以进行处理以获取excel文件中的数据。深入了解帮助文档将告诉您如何操作。