dropzone action after all files are uploaded

Here is a generic initialisation script using jQuery for Dropzone

Dropzone.options.myDropZoneForm = { url: 'url/here', autoProcessQueue: false, uploadMultiple: true, parallelUploads: 100, addRemoveLinks: true, uploadMultiple: true, acceptedFiles: 'image/*, audio/*, video/*', maxFiles: 10, init: function () { var thisDropzone = this; // just showing some dropped files stats var totalFiles = 0, completeFiles = 0; this.on('addedfile', function(file){ totalFiles += 1; totalFilesFormatted = totalFiles.toFixed(2); $('#showTotalFileCount').html(totalFilesFormatted); }); this.on('removedfile', function(file){ totalFiles -= 1; totalFilesFormatted = totalFiles.toFixed(2); $('#showTotalFileCount').html(totalFilesFormatted); }); this.on('maxfilesreached', function(file){ alert('maxFiles reached'); }); this.on('maxfilesexceeded', function(file){ alert('files dropped exceeded maxFiles'); }); this.on("sendingmultiple", function(){ // event when files are being sent }); this.on("successmultiple", function(files, response) { // event when files are successfully uploaded // you can return a response string and process it here through 'response' }); this.on("errormultiple", function(files, response) { // event when there's an error }); } } 

Hope this helps you iron out things. Cheers!

You need the parameter completemultiple which is a function that will be called once all files have been uploaded.

Also fo interest to you:

• processingmultiple
• sendingmultiple
• successmultiple
• canceledmultiple

From: http://www.dropzonejs.com/