JSFiddle - React, Tailwind, and code Playground

HTML

<form name="myform" action="" method="post">
    
    <div id="button_1">
        <h1>Button 1 - don't click here!</h1>
        <input type="file" id="file_1"/>
        </div>
        
        <div id="button_2"><h1>Button 2 - click here instead!</h1></div>
        <input type="file" id="file_2"/>
    
</form>

JavaScript

$(document).on('click', '#button_1', function(e){
    $('#file_1').click();
});
               
               $(document).on('click', '#button_2', function(e){
    $('#file_2').click();
});