How to run Dropzone processQueue () when not starting programmatically?

Question

I am trying to run dropzone by adding a class to the form as follows:

<form class="dropzone ng-pristine ng-valid dz-clickable" id="photoDropzoneDiv" action="/panel/vehicles/3/photos" accept-charset="UTF-8" method="post"> 

Dropzone now works. Then I set dropzone not to automatically process the queue:

 Dropzone.options.photoDropzone = { paramName: "file", // The name that will be used to transfer the file maxFilesize: 5, // MB autoProcessQueue: false, parallelUploads: 500, acceptedFiles: '.jpg,.jpeg,.JPEG,.JPG,.png,.PNG', addRemoveLinks: true, init: function(file, done) { this.on("queuecomplete", function(file) { this.removeAllFiles(); }); } }; 

Now when I call processQueue as follows:

 photoDropzone.processQueue(); 

It says Uncaught TypeError: photoDropzone.processQueue is not a function . How can i fix this?

Answer 1

 Dropzone.options.addFiles = { maxFileSize : 4, parallelUploads : 10, uploadMultiple: true, autoProcessQueue : false, addRemoveLinks : true, init: function() { var submitButton = document.querySelector("#act-on-upload") myDropzone = this; submitButton.addEventListener("click", function() { myDropzone.processQueue(); }); myDropzone.on("addedfile", function(file) { if (!file.type.match(/image.*/)) { if(file.type.match(/application.zip/)){ myDropzone.emit("thumbnail", file, "path/to/img"); } else { myDropzone.emit("thumbnail", file, "path/to/img"); } } }); myDropzone.on("complete", function(file) { myDropzone.removeFile(file); }); }, }; 

Answer 2

Funcionou aqui :)

 $('#submit').click(function() { var myDropzone = Dropzone.forElement(".dropzone"); myDropzone.processQueue(); });