How To Drag Files Into the Browser From the Desktop (HTML5)

Share this post!

Vote this!

HTML5 Drag & Drop lets you do basic drag & drop operations with a lot less JavaScript code. Two additional advantages to HTML5 Drag & Drop are the ability to combine it with other JavaScript utilities such as Ajax and the HTML5 FileReader and that it allows you to drag files directly from the Desktop, as in folders and Windows Explorer. Put that all together, and you can pull off some pretty impressive feats, like create a drop zone for image previews or file uploads. We'll be tackling the former today and the next article will be dedicated to the uploading code. This article will also suggest how to navigate the mine field that is asynchronous programming!

More...