Drag ‘n’ Drop File Uploads (With Image Previews) Made Easy: Dropzone.js

Dropzone.js is a JavaScript library that simplifies creating a drag ‘n’ 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.

  1. Reply Ryan January 27, 2013 at 5:02 PM

    Excellent I have used it on one of my blogs and I liked how it is becoming a

    Thanks for sharing!

  2. Reply Gabo January 28, 2013 at 1:19 PM

    Thanks… I need one….

Leave a reply