JSFiddle - React, Tailwind, and code Playground

by gmcalab

HTML

<form>
    
    <input type="file" id ="file"/>
    <input type ="button" id="btn"/>
    <div id="fileContents"></div>
</form>

JavaScript

$(document).ready(function() {

    $('#btn').click(function() {
        var file = document.getElementById('file').files[0];
        if (file) {
            var reader = new FileReader();
            reader.readAsBytes(file, "UTF-8");
            reader.onload = function(evt) {
                document.getElementById("fileContents").innerHTML = evt.target.result;
            }
            reader.onerror = function(evt) {
                document.getElementById("fileContents").innerHTML = "error reading file";
            }
        }



    });

});