JSFiddle - React, Tailwind, and code Playground

HTML

<input type="file" id="file">
<div id="result"></div>

JavaScript

var result = document.getElementById('result');

var input = document.getElementById('file');

input.addEventListener('change', function(e){
	if(window.File && window.FileReader && window.FileList && window.Blob) {
  	var files = e.target.files; // список файлов
    for(var i=0; i<files.length; i++){
      var file = files[i];
      var type = file.type;
      // проверяем тип файла
      if(/text\/.*/.test(file.type)) {
        readFile(file, function(text){
          result.innerText = text;
        });
      }
    }
  }else{
  	alert('Ваш браузер не поддерживает FileAPI!');
  }
}, false);

function readFile(file, callback){
	var reader = new FileReader();
  reader.readAsText(file);
  reader.onload = function(e){
  	var text = e.target.result;
    text = text.replace(/↵/g, '\n');
  	callback && callback(text);
  };
}