Imperative
How to create a Dropzone upload with JavaScript.
As an alternative to the declarative way, you can create Dropzones imperatively (even on non
<form>
elements) by instantiating the Dropzone
class:Plain JavaScript
jQuery
// The constructor of Dropzone accepts two arguments:
//
// 1. The selector for the HTML element that you want to add
// Dropzone to, the second
// 2. An (optional) object with the configuration
let myDropzone = new Dropzone("div#myId", { url: "/file/post"});
// The dropzone method is added to jQuery elements and can
// be invoked with an (optional) configuration object.
$("div#myId").dropzone({ url: "/file/post" });
Don’t forget to specify an
url
option if you’re not using a <form>
element, since Dropzone doesn’t know where to post to without an action attribute. On form elements, Dropzone defaults to the action
attribute.Last modified 2yr ago