FileDrop.js

Video tutorial on the basics

Nat Dunn from Webucator has created a video on FileDrop basics which you can check out here.

xRequestedWith option

FileDrop class has received xRequestedWith opt to change or disable the default X-Requested-With sent by the library, as per issue on GitHub.

Fixed big file support

Removed obsolete calls to readAsBinaryString() (now simulated with readAsArrayBuffer()). Also removed fd.toBinary(). Verified to work on 60 MiB files in latest Chrome and Firefox.

Also added two extra headers when sending files: X-File-Type (MIME) and X-File-Date (GMT; modification date or //now// if unknown).

Support for Chrome directories

Added listEntries() method to File using W3C's draft on File System API (now supported in Chrome 21+). This is pretty cool — check out the sample. Thanks to kevinkrouse for the reference.

Also added recreateInput option to DropHandle — when enabled (by default) lets user upload the same file twice in a row but has a slight chance to break your old code. Thanks to rafaelmaiolla.

Upload sample for ASP.Net Web Forms

Options for sendTo

It is now possible to pass an arbitrary object of values to sendTo() overriding things like XHR method (POST by default). They can also be overriden in File.opt.

Internet Explorer 10-11 support

Added and verified support for Internet Explorer 10 with its incomplete File API. Internet Explorer 11 is fully supported.

FileDrop — revamped

FileDrop just got a brand-new look and feel. Revised and extended documentation, dedicated website, fully documented code, complete test suite and validation across all possible browsers. New features like data reading and Blob slicing.

Two years and one day sharp after the first launch.

New logo

Thanks to CamiloMM for creating a beautiful new logo!

Fixes and features

Now throwing exception when attempting to create a DropHandle on a non-existent DOM node
Fixed support for inputless zones (DropHandle.opt.input set to null)
Added fd.all array containing all instantinated DropHandle objects
Added on.event - per-zone event previewer for any FileDrop class in addition to global fd.onObjCall

jQuery integration

jQuery integration function was added — simply execute fd.jQuery(); to plug it into $.filedrop(). All zone and file events are available through regular events — $.on('filesend') and so on. More details in this section.

Disabled drag & drop in IE 6-10

Disabled drag & drop for Internet Explorer 10 and below — even if they fire ondrop they actually send empty POST body upon submission. Regular <iframe> upload is still possible. Thanks to Andreas, listerical85 and others for reporting this.

Also, drag & drop was verified to work in Opera 12.15.

Fixed sendAsBinary() in Chrome

Fixed sendAsBinary() method for Chrome (and possibly others) - thanks to scratchresistor.

Fixed
in Firefox 13+

Fixed visual bugs when <fieldset> was used as a drop zone in Firefox 13 and up.