別個のボタンがクリックされたときに入力フィールドファイルを読み取る

Question

次の入力フィールドで、ユーザーは1つまたは複数のHTMLファイルを送信します。 get-filesをクリックすると

<input type="file" id="inputfield" accept="text/html" multiple/> 
<div id="get-files">Get Files</div> 

、どのように私は、FileReaderのAPIを使用して、各ファイルの内容と入力フィールドと混乱上の各ファイルの内容を取得できますか？

私は以下を試みましたが、エラーも内容も受け取りませんでした。

$("#get-files").on("click", function() { getFilesContent(); }); 
function getFilesContent() { 
    var pages = $("#inputfield")[0].files; 
    // get files data 
    for (var i = 0; i < pages.length; i++) { 
     var reader = new FileReader(); 
     reader.onload = (function() { 
      return function(e) { 
       console.log($("#inputfield")[0].result); 
      } 
     }); 
     reader.readAsText(pages[i]); 
    } 
} 

Answer 1

function getFilesContent() { 
    var pages = $("#inputfield")[0].files;  
    for (let i = 0; i < pages.length; i++) { 
     let reader = new FileReader(); 
     reader.onload = function() { 
      console.log(reader.result); 
     } 
     reader.readAsText(pages[i]); 
    } 
} 

reader.result代わりにこれを試してみてください、あなたのHTMLデータが含まれています。