HTMLファイルの内容をJavascriptの文字列に変換します

Question

ユーザーにアップロードとHTMLファイルを依頼していますが、HTMLファイルの内容を文字列に変換したいと思います。

HTMLファイル：

<form action=""> 
    <input type="file" name="pic" accept="html" id = "htmlFile"> 
</form> 

JAVASCRIPT私が正しくあなたを理解していれば、あなたはこのようなFileReaderで入力変更後のファイルを読むことができます

function readTextFile(file) //this is all wrong I think 
{ 
    var rawFile = new XMLHttpRequest(); 
    rawFile.open("GET", file, false); 
    rawFile.onreadystatechange = function() 
    { 
     if(rawFile.readyState === 4) 
     { 
      if(rawFile.status === 200 || rawFile.status == 0) 
      { 
       var allText = rawFile.responseText; 
       alert(allText); 
      } 
     } 
    } 
    rawFile.send(null); 
} 

Answer 1

：

function readSingleFile(evt) { 
 
    //Retrieve the first (and only!) File from the FileList object 
 
    var f = evt.target.files[0]; 
 

 
    if (f) { 
 
    var r = new FileReader(); 
 
    r.onload = function(e) { 
 
     var contents = e.target.result; 
 
     alert("Got the file.n" 
 
      +"name: " + f.name + "n" 
 
      +"type: " + f.type + "n" 
 
      +"size: " + f.size + " bytesn" 
 
      + "contents:" + contents 
 
      ); 
 
    } 
 
    r.readAsText(f); 
 
    } else { 
 
    alert("Failed to load file"); 
 
    } 
 
} 
 

 
document.getElementById('htmlFile').addEventListener('change', readSingleFile, false);

<form action=""> 
 
    <input type="file" name="pic" accept="html" id="htmlFile"> 
 
</form>

Source