limit selectable files by extensions [duplicate]

by

Easy way of doing it would be:

<input type="file" accept=".gif,.jpg,.jpeg,.png,.doc,.docx">

Works with all browsers, except IE9. I haven’t tested it in IE10+.

More Related Contents:

  1. Applying an ellipsis to multiline text [duplicate]
  2. How to use the “required” attribute with a “radio” input field
  3. Freeze the top row for an html table only (Fixed Table Header Scrolling)
  4. CSS – How to Style a Selected Radio Buttons Label?
  5. Favicon not showing up in Google Chrome [duplicate]
  6. Apply CSS styles to an element depending on its child elements [duplicate]
  7. Do we still need forward slashes when closing void elements in HTML5?
  8. CSS background image alt attribute
  9. 3 column layout HTML/CSS
  10. How do I remove the blue styling of telephone numbers on iPhone/iOS?
  11. Swift: Display HTML data in a label or textView [duplicate]
  12. HTML5 / CSS3 Circle with Partial Border
  13. Why display grid with 100% in grid-template-columns goes out of body?
  14. Merge two HTML table cells
  15. Bootstrap right Column on top on mobile view
  16. Play infinitely looping video on-load in HTML5
  17. How to display a range input slider vertically
  18. how to overwrite css style
  19. HTML5 Canvas getImageData and Same Origin Policy
  20. Why should one add ID to their HTML tags?
  21. Force an image to fit and keep aspect ratio
  22. How can I horizontally center an element?
  23. What is the purpose of .row in Bootstrap? [duplicate]
  24. chrome could play html5 mp4 video but html5test said chrome did not support mp4 video codec
  25. VueJS/browser caching production builds
  26. Complete list of reasons why a css file might not be working
  27. What is HTML’s tag default display type?
  28. How to successfully embed images in HTML for display in webmail clients?
  29. How to set a microdata image property, without letting the browser download the image?
  30. What is the purpose for HTML’s tbody?

Leave a Comment