• Html5 Drag Drop File Upload

There is a lot of new goodness in HTML5 and one of these features is being able to drag a file from the Windows explorer into the browser and handling the drop event using JavaScript. If you are a GMail user you are probably familiar with this as GMail allows users to attach files to emails using this Drag&Drop style.Of course as always not every browser supports the new feature. According to 88.92% of browser support Drag&Drop, including Internet Explorer 6 and above, but it turns out this is a little optimistic as IE 9 does support Drag & Drop but not with files. This works just fine with the current versions of Chrome or FireFox though.The HTML page I am using is real simple and looks like this.

DOCTYPE html 2: 3: 4: HTML 5 Drag & Drop demo 5: 6: 1:2: 3: 4: 5: Drop files here6: 7: 8: 9: 1: 2.

As web apps evolve, you might have found it handy to let users drag and drop files from the desktop onto the browser to upload. Ajax Uploader 4.0 introduces a very convenient drag and drop feature. The new functionality allows the user to drag a file directly into drop zone without the use of file dialog.Note.

Html5 Drag Drop File Upload

The drag and drop functionality requires the end-user's browser to support HTML5 technology. It means that it works in modern browsers only: IE10+, Safari 6+, Firefox 4+, Google Chrome, and Opera 12+.