Local fs read

by q4w56

HTML

<input type="file" id="files" name="file" /> 
<button> read it </button>
<div id='out'></div>

JavaScript

var reader = new FileReader();
  
var readIt = function(){
  
    var files = document.getElementById('files').files;

    if (!files.length) {
            alert('Please select a file!');
            return;
    }
    
    var file = files[0]

  	var reader = new FileReader()
    
    reader.addEventListener('loadend', function(ev){
    
    	console.log( ev )
        if ( ev.target.readyState == FileReader.DONE ){
            document.querySelector('#out').textContent = ev.target.result
        }

    })
    
    reader.readAsBinaryString(file);  
}
  
  
document.querySelector('button').addEventListener( 'click', readIt)