Dropzone.js: Drag’n’Drop File Uploads with Image Previews

Posted on October 28, 2018 at 1:12 pm

DropzoneJS is a modern and open source JavaScript library that provides drag’n’drop file uploads with image previews, showing nice progress bars. The main advatnage of DropzoneJS is that it doesn’t depend on any other library (like jQuery) and is highly customizable. The typical way of using DropzoneJS is by creating a form element with the class “dropzone”:

<form action="/file-upload" class="dropzone">
  <div class="fallback">
    <input name="file" type="file" multiple />
  </div>
</form>

And here is an example output of how it looks like:

DropzoneJS is available on Github:

https://github.com/enyo/dropzone

Main website address:

https://www.dropzonejs.com/

Receive updates via email

Other Posts

Updated Posts