JSFiddle - React, Tailwind, and code Playground

by FiNGAHOLiC

HTML

<div class="js-button"></div>
<input type="file" class="js-input">

CSS

div {
    background: red;
    height: 100px;
    width: 100px;
}
input {
    visibility: hidden;
}

JavaScript

$(function(){
    var $button = $('.js-button');
    var $input = $('.js-input');
    $button.on('click', function(){
        var e = document.createEvent('MouseEvents');
        e.initMouseEvent('click', false, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
        $input.trigger('click').get(0).dispatchEvent(e);
    });
});