JavaScript load local file content

Pure javascript loading content from a local file

by edgardleal

HTML

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<input type='file' accept='text/plain' >
<br>
<div id='output'>
  ...
</div>

JavaScript

function openFile(event) {
        var input = event.target;

        var reader = new FileReader();
        reader.onload = function() {
          var text = reader.result;
          var node = document.getElementById('output');
          node.innerText = text;
          console.log(reader.result.substring(0, 200));
        };
        reader.readAsText(input.files[0]);
      };

$("input").change(openFile);