JSFiddle - React, Tailwind, and code Playground

by Kulgar

HTML

<div class="upload-preview">
    <img />
</div>
<input class="file" name="logo" type="file">

JavaScript

$(document).ready(function(){
    var preview = $(".upload-preview img");
    
    $(".file").change(function(event){
       var input = $(event.currentTarget);
       var file = input[0].files[0];
       var reader = new FileReader();
       reader.onload = function(e){
           image_base64 = e.target.result;
           preview.attr("src", image_base64);
       };
       reader.readAsDataURL(file);
    });
});