How to determine presence of HTML5 drag’n’drop file upload API (like the one from FF3.6)

by

Checking for the existence of FileReader is the correct way to go about this. FileReader is an official part of the File Api. I would combine this with Modernizr. Drag and Drop support is slated for release 1.2. You should be able to grab the source on GitHub and start working with this now.
http://github.com/Modernizr/Modernizr/blob/master/modernizr.js

if (!!FileReader && Modernizr.draganddrop) {
  // sexy drag and drop action
} else {
  // no drag and drop support available :(
}

If you haven’t seen Dive into HTML5, you should definitely check out Mark Pilgrim’s suggestions on detecting HTML5.

More Related Contents:

  1. How do I remove a file from the FileList
  2. Does HTML5 allow drag-drop upload of folders or a folder tree?
  3. drag drop files into standard html file input
  4. HTML5 dragleave fired when hovering a child element
  5. How FileReader.readAsText in HTML5 File API works?
  6. HTML5 Drag and Drop anywhere on the screen
  7. HTML5 Drag & Drop Change icon/cursor while dragging
  8. Simulate drop file event
  9. Prevent browser from loading a drag-and-dropped file
  10. How to use jQuery’s drop event to upload files dragged from the desktop?
  11. HTML5 drop event doesn’t work unless dragover is handled
  12. Detecting HTML5 Drag And Drop support in javascript
  13. html5 drag and drop FOR MOBILE [duplicate]
  14. Dynamically adding div on button click and changing Id of each?
  15. How to make page loaders/animations/transitions
  16. Get specific text from html tag jquery [duplicate]
  17. Open URL in same window and in same tab
  18. How do I add an “Add to Favorites” button or link on my website?
  19. How to upload image into HTML5 canvas
  20. Run change event for select even when same option is reselected
  21. JQuery Slider, how to make “step” size change
  22. HTML comments in a javascript block?
  23. How to move table row in jQuery?
  24. Media Source Api not working for a custom webm file (Chrome Version 23.0.1271.97 m)
  25. how to auto select an input field and the text in it on page load
  26. Generating sound on the fly with javascript/html5
  27. Disabling enter key for form
  28. Load HTML template with JavaScript
  29. Call Library function from html with google.script.run
  30. Are dynamically inserted tags meant to work?

Leave a Comment