Я создал пример кода с помощью 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>
Возможный дубликат [Javascript - читать локальный текст файл] (http://stackoverflow.com/questions/14446447/javascript-read-local-text-file) –
Возможный дубликат [HTML5 File API: как увидеть результат readAsText()] (http: // stackoverflow .com/вопросы/13729301/html5-файл-апи-хау просматриваемых-на-результат-оф-readastext) –