如何读取本地文本文件？
如何读取本地文本文件？
function readTextFile() {
var rawFile = new XMLHttpRequest();
rawFile.open("GET", "testing.txt", true);
rawFile.onreadystatechange = function() {
if (rawFile.readyState === 4) {
var allText = rawFile.responseText;
document.getElementById("textSection").innerHTML = allText;
}
}
rawFile.send();}XMLHttpRequest
神不在的星期二浏览 986回答 4
4回答
-
holdtom
您需要检查状态0(就像在本地用XMLHttpRequest，您不会得到返回状态，因为它不是从Webserver)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; alert(allText); } } } rawFile.send(null);}并指定file://在你的文件名中：readTextFile("file:///C:/your/path/to/file.txt"); -
慕的地6264312
走这一段readAsText试试看这个例子。您将能够知道readAsText功能文件阅读器起作用了。 <html> <head> <script> var openFile = function(event) { var input = event.target; var reader = new FileReader(); reader.onload = function(){ var text = reader.result; var node = document.getElementById('output'); node.innerText = text; console.log(reader.result.substring(0, 200)); }; reader.readAsText(input.files[0]); }; </script> </head> <body> <input type='file' accept='text/plain' onchange='openFile(event)'><br> <div id='output'> ... </div> </body> </html> -
忽然笑
在引进后取API在javascript中，读取文件内容非常简单。读取文本文件fetch('file.txt') .then(response => response.text()) .then(text => console.log(text)) // outputs the content of the text file读取json文件fetch('file.json') .then(response => response.json()) .then(jsonResponse => console.log(jsonResponse)) // outputs a javascript object from the parsed json -
心有法竹
var input = document.getElementById("myFile");var output = document.getElementById("output");input.addEventListener("change", function () { if (this.files && this.files[0]) { var myFile = this.files[0]; var reader = new FileReader(); reader.addEventListener('load', function (e) { output.textContent = e.target.result; }); reader.readAsBinaryString(myFile); } });<input type="file" id="myFile"><hr><textarea style="width:500px;height: 400px" id="output"></textarea>
随时随地看视频慕课网APP
相关分类
JavaScript