2016-01-28 3 views
0

Можно ли открыть локальный файл с локальной страницы с помощью FileReader без < input type=file id=files> Файл находится в том же каталоге, что и страница на локальном компьютере.Открыть локальный файл с локальной страницы с помощью javascript FileReader

reader = new FileReader(); 
reader.readAsText("output_log.txt"); 
+0

Возможный дубликат [Javascript - читать локальный текст файл] (http://stackoverflow.com/questions/14446447/javascript-read-local-text-file) –

+0

Возможный дубликат [HTML5 File API: как увидеть результат readAsText()] (http: // stackoverflow .com/вопросы/13729301/html5-файл-апи-хау просматриваемых-на-результат-оф-readastext) –

ответ

0

Я создал пример кода с помощью Jquery/JavaScript, который будет читать локальный текстовый файл и отобразить его содержимое в формате HTML страницы

<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<script type="text/javascript"> 
$(function(){ 

$("#fileinput").on('change',function(evt){ 
    //Retrieve the first (and only!) File from the FileList object 
    var f = evt.target.files[0]; 

    if (f) { 
     var r = new FileReader(); 
     r.onload = function(e) { 
      var contents = e.target.result; 

     $("#filename").html(f.name); 
     $("#fileType").html(f.type); 
     $("#display_file_content").html(contents); 
     } 
     r.readAsText(f); 
    } else { 
     alert("Failed to load file"); 
    } 

}); 

}); 

</script> 
</head> 

<body> 
<label>Please upLoad a file</label> 
<input type="file" id="fileinput" /> 
</br> 
<div> 
<b>File Name:-</b><label id="filename"></label> </br> 
<b>File Type:-</b><label id="fileType"></label></br> 
<b>Content<b/> 
<pre id="display_file_content"> 
</pre> 
<div> 
</body> 
</html> 
Смежные вопросы