使用javascript读取文件(文件路径已知) 无标题页 document.getElementById('file')。onchange=function(){ //创建FileReader的新实例 var reader=new FileReader(); var file=this.files[0]; var reader=new FileReader(); reader.onload=函数(progressEvent){ //排队 var lines=this.result.split('\n'); 用于(变量行=0;行
这是我用来读取文本文件的代码,使用given作为输入。如果没有输入,我想读取已经知道路径的文件。(例如:“index.html”)。我怎么能想更改此代码?出于明显的安全原因,您不能更改。如果我们讨论的是服务器上的文件,您可以在将使用javascript读取文件(文件路径已知) 无标题页 document.getElementById('file')。onchange=function(){ //创建FileReader的新实例 var reader=new FileReader(); var file=this.files[0]; var reader=new FileReader(); reader.onload=函数(progressEvent){ //排队 var lines=this.result.split('\n'); 用于(变量行=0;行,javascript,Javascript,这是我用来读取文本文件的代码,使用given作为输入。如果没有输入,我想读取已经知道路径的文件。(例如:“index.html”)。我怎么能想更改此代码?出于明显的安全原因,您不能更改。如果我们讨论的是服务器上的文件,您可以在将XMLHttpRequest属性设置为.responseType的情况下使用XMLHttpRequest,然后再将其传递给文件阅读器。出于明显的安全原因,您不能这样做。如果我们讨论的是服务器上的文件,您可以使用XMLHttpRequest,将其.responseType属
XMLHttpRequest
属性设置为.responseType
的情况下使用XMLHttpRequest
,然后再将其传递给文件阅读器。出于明显的安全原因,您不能这样做。如果我们讨论的是服务器上的文件,您可以使用XMLHttpRequest
,将其.responseType
属性设置为'blob'
,然后将其传递给文件阅读器。
<!DOCTYPE html >
<html>
<head>
<title>Untitled Page</title>
<script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.3.3/angular.min.js"></script>
</head>
<body>
<input type="file" name="file" id="file">
<script type="text/javascript">
document.getElementById('file').onchange = function(){
// create a new instance of FileReader
var reader = new FileReader();
var file = this.files[0];
var reader = new FileReader();
reader.onload = function(progressEvent){
// By lines
var lines = this.result.split('\n');
for(var line = 0; line < 3; line++){
document.write(lines[line]);
document.write("<br>");
}
};
reader.readAsText(file);
};
</script>
</body>
</html>