TIP: Try navigating through list using left & right arrow keys
d

dropzone

Dropzone is an easy to use drag'n'drop library. It supports image previews and shows nice progress bars.

15650
Github issues
25
Github stars
about 22 hours ago
Github last update date
343308
NPM current week downloads
Dropzone.js

Test and Release

Dropzone is a JavaScript library that turns any HTML element into a dropzone. This means that a user can drag and drop a file onto it, and Dropzone will display file previews and upload progress, and handle the upload for you via XHR.

It's fully configurable and can be styled according to your needs.

Quickstart

 

Dropzone Screenshot

 

Community

If you need support please use the discussions section or stackoverflow with the dropzone.js tag and not the GitHub issues tracker. Only post an issue here if you think you discovered a bug.

If you have a feature request or want to discuss something, please use the discussions as well.

b o8 Please read the contributing guidelines before you start working on Dropzone!

Main features

  • Beautiful by default
  • Image thumbnail previews. Simply register the callback thumbnail(file, data) and display the image wherever you like
  • Retina enabled
  • Multiple files and synchronous uploads
  • Progress updates
  • Support for large files
  • Complete theming. The look and feel of Dropzone is just the default theme. You can define everything yourself by overwriting the default event listeners.
  • Browser image resizing (resize the images before you upload them to your server)
  • Well tested

MIT License

See LICENSE file

Buy us a coffeeBuy us a coffee