我有一个<textarea>
元素和一个调用loadFile()
JavaScript函数的按钮。我希望这个函数允许我从本地机器上的.txt文件中加载文本到textarea中。任何帮助,将不胜感激!使用JavaScript将本地.txt文件中的文本加载到html textarea中
3
A
回答
6
您可以使用File和FileReader对象来读取本地文件。
您可以使用type =“file”的输入元素来允许用户选择文件。
<input id="myFile" type="file"/>
<textarea id="myTextArea" rows="4" columns="20"></textArea>
用户选择文件后,可以从输入元素获取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);
0
我发现这个一个老话题: How do I load the contents of a text file into a javascript variable?
有您已经阅读最后的答案吗?这适用于div而不是文本框,但您可以稍微修改代码。
在最后一块最后的评论者后,你可以改变这一行:
document.getElementById("id01").innerHTML = out;
到:
document.getElementById("textbox01").innerHTML = out;
而在你的HTML:
<textarea name="textbox01">Enter text here...</textarea>
结果:
function loadFile() {
var xmlhttp = new XMLHttpRequest();
var url = "file.txt";
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
var myArr = JSON.parse(xmlhttp.responseText);
myFunction(myArr);
console.log("xmlhttp Request Asepted");
}
}
xmlhttp.open("GET", url, true);
xmlhttp.send();
function myFunction(arr) {
var out = "";
var i;
var row = 0;
for(i = 0; i < arr.length; i++) {
// console.log(arr[1].data); change data to what every you have in your file
// out += arr[i].data + '<br>' + arr[i].data2 ;
document.getElementById("textbox01").innerHTML = out;
}
}
}
相关问题
- 1. 使用javascript加载本地文件
- 2. 正确加载html文件中的本地脚本文件
- 3. 使用Javascript加载本地JSON文件
- 4. 在UIWebview中加载本地html文件
- 5. 如何将本地html文件加载到iPad上的webView中
- 6. 在webview中的本地html文件中加载JavaScript在线?
- 7. HTML5拖放:使用JavaScript将文本文件加载到文本框中
- 8. 加载文本到textarea jquery
- 9. 加载本地html文件到div
- 10. 加载本地html文件到Pyside QwebView
- 11. 将资产文件夹中的本地html文件加载到webview中
- 12. 将jar文件中的本地html文件加载到web引擎中
- 13. 如何让本地HTML将文本保存到本地文件?
- 14. 使用Javascript将文件加载到CKEditor textarea中
- 15. 将文本添加到TXT文件
- 16. 使用ajax在textarea中加载文本文件的内容
- 17. 如何将本地html文件加载到Jsoup中?
- 18. 将本地HTML文件加载到WebView中
- 19. 如何将本地html文件加载到j2me中?
- 20. 加载本地Html文件不引用UIWebView中的js文件
- 21. 加载本地HTML文件的JavaScript文件
- 22. 使用Opera 12将本地文件拖到textarea中
- 23. Android将外部本地JavaScript文件加载到WebView中
- 24. 将文本文件加载到jTable中
- 25. 如何在本地脚本中将文件加载到webview中
- 26. HTML5/JavaScript的:打开文本文件,加载到文本区域/保存textarea的内容到文本文件
- 27. android webview加载本地JavaScript文件的远程html文件
- 28. 使用嵌入式JavaScript文件加载本地HTML页面DotNetBrowser
- 29. 将文本附加到TextArea
- 30. 将手机文件加载到HTML文本文件
我认为这将导入文本文件从URL(即服务器),而不是我的本地机器 – Jed
您可以使用USBWebserver作为本地主机服务器,这是我做什么,当我需要利用cookies。 – iSidle