JSFiddle - React, Tailwind, and code Playground

HTML

<form>
    <div id="userpic"></div>
    <input id="browse" type="file" />
</form>

JavaScript

/*$("#dropbrows").click(function () {
    $("#browse").trigger("click");
    $("#browse").change(function () {
        var files = this.files;
        var reader = new FileReader();
        reader.onload = function (e) {
            $("#userpic").append("<a>'" + test + "'</a><img src='" + e.target.result + "' width='30' height='30' />");
        };
        reader.readAsDataURL(files[0]);
    });
});*/
$("#browse").change(function () {
    var files = this.files;
    var reader = new FileReader();
    name=this.value;
    reader.onload = function (e) {
        
        console.log(e);
        $("#userpic").append("<a>'"+name+ "'</a><img src='" + e.target.result + "' width='30' height='30' />");
    };
    reader.readAsDataURL(files[0]);
});