JSFiddle - React, Tailwind, and code Playground

by Xeon06

HTML

<input type="file">
<img>

JavaScript

$("input").change(function() {
    var file = this.files[0];
    var fileReader = new FileReader();
    
    fileReader.onerror = function(e) {
        console.log(e);
    };
    
    fileReader.onloadend = function(e) {
        $("img").attr("src", fileReader.result);
    };
    
    /*fileReader.onloadend = (function(file) {
        return function(e) {
            console.log(e, fileReader);
        };
    })(file);*/
    
    fileReader.readAsDataURL(file);
});