JSFiddle - React, Tailwind, and code Playground

HTML

<input type="file" id="file_input" class="foo" />
<div id="output_field" class="foo"></div>

CSS

.foo { margin: 10px;  }

JavaScript

$(document).ready(function(){
    $('#file_input').on('change', function(e){
        var res = readFile(this.files[0]);
        
        //manipulate with result...
        
        $('#output_field').text(res);
    });
});
    
function readFile(file){
    var reader = new FileReader(),
        result = 'empty';

    reader.onload = function(e)
    {
        result = e.target.result;
    };
    
    reader.readAsText(file);

    return result;
}