HTML5 File Drag & Drop API

This is a demonstration of the HTML5 file drag & drop API with asynchronous Ajax file uploads, graphical progress bars and progressive enhancement.

For more information, please refer to:

• How to Use HTML5 File Drag & Drop
• How to Open Dropped Files Using HTML5 and JavaScript
• How to Asynchronously Upload Files Using HTML5 and Ajax
• How to Create File Upload Progress Bars in HTML5 and JavaScript

Disclaimer

The code was developed by Craig Buckler of OptimalWorks.net for SitePoint.com.

This code can be downloaded and used without any restrictions but please don't expect support! A link back to SitePoint.com is appreciated.