Open a file dialog when parent div is clicked using jQuery

Question

I want to open a file dialog when the parent div is clicked. If I click the first parent div, it should only open the first input file.

<div class="fileupload"> <input type="file" class="file" name="image" /> </div> <div class="fileupload"> <input type="file" class="file" name="attachement" /> </div>

see this once stackoverflow.com/questions/6460185/…

Anshu
– Anshu

2013-01-02 10:21:19 +00:00
Commented Jan 2, 2013 at 10:21 — Anshu
– Anshu, Commented Jan 2, 2013 at 10:21

Blender · Accepted Answer · 2013-01-02 10:21:44Z

10

Just trigger the click event on the input element:

$('.fileupload').click(function(e) { $(this).find('input[type="file"]').click(); }); $('.fileupload input').click(function(e) { e.stopPropagation(); });

Demo: http://jsfiddle.net/EctCK/

answered Jan 2, 2013 at 10:21

Blender

300k55 gold badges462 silver badges511 bronze badges

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

4 Comments

user1915190 Over a year ago

Thanks for the reply, When i try this, i'm getting this error 'Uncaught SyntaxError: Unexpected token } '

Blender Over a year ago

@user1915190: That's a syntax error somewhere in your script.

user1915190 Over a year ago

When I click the div, my browser is crashed

zeeshan Over a year ago

My scenario was a little different but this answer really helped me to shape my code.

Swarne27 · Accepted Answer · 2013-01-02 10:31:22Z

0

Try using trigger(),

$(document).ready(function() { $(this).parents(".fileupload").find("input[type='file']").trigger('click'); });

answered Jan 2, 2013 at 10:31

Swarne27

5,8077 gold badges28 silver badges42 bronze badges

2 Comments

user1915190 Over a year ago

Thank you, When I click the parent div, my browser got crashed

Swarne27 Over a year ago

try again and try with other browsers

Collectives™ on Stack Overflow

Open a file dialog when parent div is clicked using jQuery

2 Answers 2

4 Comments

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

2 Comments

Linked

Related