Поместите .txt файл в текстовом поле

Question

у меня есть это текстовое поле:

<input id="inputOuvrirFichier" type="file" onchange="handleFiles(this.files)" name="files[]" accept=".txt"> 

Мне нужно поместить содержимое файла .txt в этом текстовое поле. Это моя функция:

function handleFiles(file){ 
document.getElementById("titre").click(); 
console.log(file);} 

Как я могу получить текст содержит в файле, пожалуйста? (Javascript) Спасибо.

Answer 1

JS, не доступ к локальному серверу на Уре, только бросить Ajax-запрос:

function readTextFile(file) 
{ 
    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; 
       $('#inputOuvrirFichier').text(allText) 
      } 
     } 
    } 
    rawFile.send(null); 
} 

Answer 2

Вы можете использовать FileReader API

function handleFiles(files) { 
 
    var i = 0; 
 
    var reader = new FileReader(); 
 
    reader.onload = function() { 
 
    i++; 
 
    document.getElementById('result').innerHTML += this.result; 
 
    if (i < files.length) 
 
     reader.readAsText(files[i]) 
 
    }; 
 
    reader.readAsText(files[0]); 
 
}

<input id="inputOuvrirFichier" type="file" onchange="handleFiles(this.files)" name="files[]" accept=".txt" multiple=""> 
 
<div id="result"></div>