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](http://stackoverflow.com/questions/793014/jquery-trigger-file-input) — adeneo, Jan 05 '16 at 19:19
http://stackoverflow.com/questions/26878854/open-file-dialog-when-input-type-button, http://stackoverflow.com/questions/19310450/click-on-input-box-to-show-open-file-dialog-but-not-click-on-choose-file-button — adeneo, Jan 05 '16 at 19:20

score 0 · Answer 1 · answered Jan 05 '16 at 19:20

0

check this fiddle, it is as simple as

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

   alert(1);

} );

answered Jan 05 '16 at 19:20

gurvinder372

score 0 · Answer 2 · answered Jan 05 '16 at 19:26

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 05 '16 at 19:26

user4571629

2 Answers2