JSFiddle - React, Tailwind, and code Playground

by Axelvaisper

HTML

<script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
<input type='file' class='img_upload_btn' />
<img src='#' style='max-height: 200px; max-width: 200px;'/>

JavaScript

function readURL(input) {
 if (input.files && input.files[0]) {
 var reader = new FileReader();

 reader.onload = function (e) {
 $(input).siblings('img').attr('src', e.target.result);
 }

reader.readAsDataURL(input.files[0]);
 }
}

$('input.img_upload_btn').change(function(){
 readURL(this);
});