JSFiddle - React, Tailwind, and code Playground

by Joel Parks

HTML

<input type="file">

JavaScript

$("input").change(function(e) {

    for (var i = 0; i < e.originalEvent.srcElement.files.length; i++) {
        
        var file = e.originalEvent.srcElement.files[i];
        
        var img = document.createElement("img");
        var reader = new FileReader();
        reader.onloadend = function() {
             img.src = reader.result;
        }
        reader.readAsDataURL(file);
        //$("input").after(img);
    }
});