JSFiddle - React, Tailwind, and code Playground

HTML

<form id="form1" runat="server">
        <img id="Picture" data-src="#" alt="your image" /> <br />
        <input type='file' id="imgInp" />
    </form>

CSS

#Picture {
    width: 120px;
    height: 120px;
}

JavaScript

$(function () {
        var loader = 'http://i38.photobucket.com/albums/e149/eloginko/profile_male_large_zpseedb2954.jpg';
        $('img[data-src]:not([src])').each(function () {
            console.log(this);
            var $img = $(this).attr('src', loader),
                src  = $img.data('src'),
                $clone = $img.clone().attr('src', src);
            $clone.on('load', function () {
                $img.attr('src', src);
            });
        });
    });

    function readURL(input) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();
            
            reader.onload = function (e) {
                $('#Picture').attr('src', e.target.result);
            }
            
            reader.readAsDataURL(input.files[0]);
        }
    }
    
    $("#imgInp").change(function(){
        readURL(this);
    });