jQuery를 사용하여 FileReader를 통해 업로드 된 html 파일에서 테이블 추출

Question

FileReader() (e.target.result)을 사용하여 업로드 한 파일을 받고 있는데이 파일을 추출해야합니다. 정상적인 html 파일에서이 작업은 $("table tbody")으로 쉽게 수행 할 수 있습니다. 이 내용을 내 문서에 추가하지 않고 e.target.result에 적용 할 수 있습니까?

나는 또한 FileReader 이외의 다른 방법을 사용하고 있지만 가능한 경우이 것을 사용하고 싶습니다. 연습

JsFiddle : https://jsfiddle.net/Irikos/dega00u2/

Answer 1

나는 당신이 올바르게 수행하려는 텍스트로 업로드 된 파일의 내용을지고 있다면, 당신은 직접 텍스트를 검색하고 HTML을 얻을 수있는 이해를 바랍니다 다음과 같은 자바 스크립트 행을 사용하여 테이블을 만듭니다.

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

Answer 2

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/]