JSFiddle - React, Tailwind, and code Playground

HTML

<form action="" method="post" enctype="multipart/form-data">
    <div class="upload">
        <input type="file" name="upload" />
    </div>
</form>
<p>Select file..</p>

CSS

div.upload {
    width: 94px;
    height: 94px;
    background: url(http://www.standard-icons.com/stock-icons/standard-download/upload_button-icon.gif);
}
div.upload input {
    display: block !important;
    width: 94px !important;
    height: 94px !important;
    opacity: 0;
    cursor: pointer;
}

JavaScript

$('input[type=file]').change(function () {
    $(this).next().html($(this).val());
    $("p").text($(this).val());
});