Dropzone.js - Open Source Drag and Drop File Uploader

Dropzone.js - Open Source Drag and Drop File Uploader

Dropzone.js - Open Source Drag and Drop File Uploader


Dropzone.js is a drag and drop file upload with image previews. The author of dropzone has made the implementation as easy as possible. We just have to declare a dropzone class in form HTML element and Dropzone will find all form elements with class dropzone and automiatically attach itself to it.

Drag and drop is a new feature for latest browser only such as IE10+, Chrome 7+, Firefox 4+, Opera 12+ and Safari 5+, for old browsers, Dropzone provides an oldschool file input fallback.


  • Easy to style and update default dropzone template
  • Create a dropzone with CSS class, or programmatically using Javascript
  • Generate image thumbnails.
  • Parallel file uploads
  • With callback event for file validation and file upload status.
  • Dropzone is also available as an AMD module for RequireJS.

More Details

Author: Kevin Liew

Kevin Liew is a web designer and developer and keen on contributing to the web development industry. He loves frontend development and absolutely amazed by jQuery. Feel free to say hi to me, or follow @quenesswebblog on twitter.

Share the love

1 comment

Fri, 2nd May 2014
We are working on drozone.js and we have created three tutorials on dropzone js. People get issue in deleting uploaded file from servers and database in dropzone we have covered that tutorial here http://www.infotuts.com/delete-uploaded-file-dropzone-js/ Reply

Leave a Comment

Please keep in mind that comments are moderated and rel="nofollow" is in use. You can use [code][/code] if you want to write codes. Don't spam us :) Thanks!