DropzoneJS - Drag and drop file upload

DropzoneJS is an open source library that provides drag’n’drop file uploads with image previews. It’s lightweight, doesn’t depend on any other library and is highly customizable.

Page Demo Plugin Website

Basic examples

<form class="dropzone" id="dropzone-upload"></form>
// Function available at /js/app.min.js (concat from /js/inc/functions/vendors.js)


// Disable Dropzone auto discover
if($('#dropzone-upload')[0]) {
    Dropzone.autoDiscover = false;
}

// Initiate Dropzone JS
if($('#dropzone-upload')[0]) {
    $('#dropzone-upload').dropzone({
        url: "/file/post",
        addRemoveLinks: true
    });
}

Requirements:

  • /scss/inc/vendor-overrides/_dropdzone.scss
  • /vendors/dropzone/dropzone.css
  • /vendors/dropzone/dropzone.min.js