将.txt文件放在textarea中

时间:2015-03-19 15:27:04

标签: javascript file input

我有这个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)的 感谢。

2 个答案:

答案 0 :(得分:0)

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);
}

答案 1 :(得分:0)

您可以使用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>