jQuery detect when clicking on browse with file input

Question

How can I detect the action when clicking on the browse on this form?

<form action='#' enctype='multipart/form-data'>
    <input type='file' name='file'>  
</form>

I have another div and when I click on that div I want that the browse action will happen

Not as easy as it sounds, but quite doable, still a duplicate — adeneo
– adeneo, Commented Jan 5, 2016 at 19:19
stackoverflow.com/questions/26878854/…, stackoverflow.com/questions/19310450/… — adeneo
– adeneo, Commented Jan 5, 2016 at 19:20

gurvinder372 · Accepted Answer · 2016-01-05 19:20:38Z

0

check this fiddle, it is as simple as

$( "#file" ).click( function(){

   alert(1);

} );

answered Jan 5, 2016 at 19:20

gurvinder372

68.6k11 gold badges78 silver badges98 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

user4571629 · Accepted Answer · 2016-01-05 19:26:01Z

0

OK, I figured it out: When clicking on the div that I want to trigger it for example #my_div, The input class will be clicked

$("#my_div").click(function() {
    $("input_class").click();
})

answered Jan 5, 2016 at 19:26

user4571629

4503 gold badges11 silver badges24 bronze badges