JSFiddle - React, Tailwind, and code Playground

HTML

<form method="post" action="" enctype="multipart/form-data">
    <a href="#">Choose File</a>
    
    <input id="asset_file" name="asset_file" type="file" class="smallprint" />
    
    <input type="submit" name="submit" value="upload" />
</form>

CSS

#asset_file, input[type=submit] {
    visibility: hidden;
}

JavaScript

$(document).ready(function () {
    $("#asset_file").bind("change", function () {
        alert("file changed");
        $("input[type='submit']").trigger("click");
    });
    
    $("form").bind("submit", function () {
        alert("form submitted");
    });
    
    // load the file picker modal
    $("a").bind("click", function (e) {
        e.preventDefault();
        alert("fake button clicked");
        $("#asset_file").trigger("click");
    });
});