使用jQuery从通过FileReader上传的html文件中提取表格

Question

我收到使用FileReader() （ e.target.result ）上传的文件，我需要从中提取表。 从普通的html文件中，可以使用$("table tbody")轻松完成此操作。 是否可以将其应用于e.target.result而不将其附加到我的文档中？

我也可以使用FileReader以外的其他方法，但是如果可能的话，我想使用它。

练习JsFiddle： https ://jsfiddle.net/Irikos/dega00u2/

Answer 1

您可以为此使用DOMParser 。 只需将类型传递给您的字符串，它将为您提供一个对象，您可以像对待DOM一样对待它。 例如：

reader.onload = function() {
        parser=new DOMParser();
        var doc = parser.parseFromString(this.result, "text/html")
        // assumes table has some data element
        alert(doc.getElementById('data').innerHTML);
};

这里有一些文档： https : //developer.mozilla.org/en-US/docs/Web/API/DOMParser

[另请参见： https ： //api.jquery.com/jquery.parsehtml/]

Answer 2

希望我能理解您要正确执行的操作，如果您以文本形式获取上传文件的内容，则可以直接搜索该文本，并使用以下javascript行从中获取html表：

var pattern = /(<table)([\s\S]+?)(\/table>)/gim
var theTablesInAnArray = e.target.result.match(pattern);