HTML5 File Drag & Drop API

This is a demonstration of the HTML5 drag & drop API which retrieves file information.

HTML File Upload

Files to upload:

or drop files here

Upload Files

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.

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 Graphical File Upload Progress Bars in HTML5 and JavaScript