Programmatically trigger “select file” dialog box

by

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.

More Related Contents:

  1. How to popup an alert when every cell in a table has been clicked?
  2. My website doesn’t load jQuery [closed]
  3. jQuery Set Cursor Position in Text Area
  4. How to detect DIV’s dimension changed?
  5. Get list of data-* attributes using javascript / jQuery
  6. Jquery Mobile – $.mobile.changepage not loading external .JS files
  7. Create table with jQuery – append
  8. When using jQuery on(), why use (document) vs. the element itself?
  9. Preview images before upload
  10. jQuery equivalent of getting the context of a Canvas
  11. Unusual shape of a textarea?
  12. How to display Image dynamically on UI?
  13. minimise the code since I am using the same code only the content in p tags changes and component AccordionHeader header changes
  14. Rotate div text after clicking on button using jquery and css
  15. How to properly unload/destroy a VIDEO element
  16. How to Bootstrap navbar static to fixed on scroll?
  17. How to hide optgroup/option elements?
  18. How to use pagination on HTML tables?
  19. How to access jQuery in HTML 5 web worker
  20. how to use html2canvas and jspdf to export to pdf in a proper and simple way
  21. How to highlight a part part of an Input text field in HTML using Javascript or JQuery
  22. Hot to get incomplete datetime-local input values
  23. Test if an element can contain text
  24. Incrementing value continuously on mouse hold
  25. Content of html page changed by jQuery but “View Source” don’t reflect the changes
  26. Do duplicate ID values screw up jQuery selectors?
  27. Html duplicated ID
  28. Geolocation closest location(lat, long) from my position
  29. How can I reorder elements with JavaScript?
  30. Can you have multiple lines in an element?

Leave a Comment