Dropzone.js – Drag and Drop File Uploads

Dropzone.js is a JavaScript library that simplifies creating a drag and drop file upload functionality. It works with jQuery and works almost out-of-the-box by giving a special class name to any form.

Multiple files can be uploaded at the same time where previews of images can be displayed as well. There are also options for defining the max file size, thumbnail dimensions (if they will be generated), enable/disable previews and more.

And many events exist for interacting with the drag-drop and upload status.