Opening a file dialog without FILE input

Question

I've seen this website. If you click on the center element, it opens a file dialog so you can upload an image. I know how to open a file dialog by using an input[type=file].

How can I open the same dialog and use its output via jQuery events (for example, a click on a div)?

Alex K. · Accepted Answer · 2014-09-29 11:00:30Z

1

It just invokes click on a hidden input;

<input id="fileSelector" type="file" style="visibility:hidden"/>
<div id="adiv">Click<div>

...

$(function() {
    $("#adiv").click(function() {
        $("#fileSelector").click();
    });
});

answered Sep 29, 2014 at 11:00

Alex K.

177k32 gold badges276 silver badges299 bronze badges

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

Comments

Arushi Agrawal · Accepted Answer · 2014-09-29 11:13:05Z

0

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

where 'uploadFile' may be the div or button which you click and input[type="file"] is the asp.net file upload control whose visibility is set as false

answered Sep 29, 2014 at 11:13

Arushi Agrawal

6293 silver badges10 bronze badges

Collectives™ on Stack Overflow

Opening a file dialog without FILE input

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related