Question

我有这个textarea：

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

我需要将.txt文件的内容放入此textarea中。这是我的功能：

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

我如何才能获得文件中包含的文字？（JavaScript）的感谢。

Answer 1

JS，无法访问服务器上的本地，只抛出ajax-request：

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>

将.txt文件放在textarea中

2 个答案: