Programmatically trigger "select file" dialog box

Question

I have a hidden file input element. Is it possible to trigger its select file dialog box from a button's click event?

Answer 1

If you're looking to have your own button to upload a file instead of using <input type="file" />, you can do something like:

<input id="myInput" type="file" style="visibility:hidden" /> <input type="button" value="Show Dialog" onclick="$('#myInput').click();" /> 

Note that I used visibility: hidden, instead of display: none. You cannot call the click event on a non-displayed file input.