Reading .txt file in Javascript
FileReader class in Javascript is used to read the file in client browser. It is working in Chrome, Opera and Firefox.
FileReader returns base64 encoded text as output. using window.atob() method in javascript base64 plain/text is converted to the normal text in the below Example.
|
<html>
<head>
<script type="text/javascript">
document.getElementById("my_file_reader").onchange = function(){
var reader = new FileReader();
reader.onload = function(e) {
var data = e.target.result;
data = data.replace("data:text/plain;base64,","");
document.getElementById("data_div").innerHTML = window.atob(data);
};
reader.readAsDataURL(this.files[0]);
};
</script>
</head>
<body>
<input type="file" id="my_file_reader" />
<div id="data_div"></div>
</body>
</html>
|
Demo & Output
|