使用JavaScript将文本从本地.txt文件加载到html textarea

Question

我有一个<textarea>元素和一个调用loadFile()JavaScript函数的按钮.我希望这个函数允许我将本地机器上的.txt文件中的文本加载到textarea中.任何有关这方面的帮助将不胜感激!

Answer 1

您可以使用File和FileReader对象来读取本地文件.

您可以使用type ="file"的input元素来允许用户选择文件.

<input id="myFile" type="file"/>
<textarea id="myTextArea" rows="4" columns="20"></textArea>

用户选择文件后,您可以从input元素中获取File对象.例如...

var file = document.getElementById("myFile").files[0];

然后,您可以使用FileReader对象将文件读入文本区域.例如...

var reader = new FileReader();
reader.onload = function (e) {
    var textArea = document.getElementById("myTextArea");
    textArea.value = e.target.result;
};
reader.readAsText(file);