JSFiddle - React, Tailwind, and code Playground

HTML

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

JavaScript

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