JSFiddle - React, Tailwind, and code Playground

HTML

<div class="duplicate">SelectPicture</div><br>
<input id="orginal" type='file'" /><br>

CSS

.duplicate {
    background-color:blue;
    width:100px;
    height:40px;
}
.duplicate:hover{
    background-color:green;
}

#orginal {
 display:none;
}

JavaScript

$(document).ready(function(){
$('.duplicate').bind("click" , function () {
        $('#orginal').click();
    });
});