Come eseguire Dropzone processQueue() quando non si avvia a livello di programmazione?

Question

Im cercando di avviare zona di lancio con l'aggiunta della classe per il form in questo modo:

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

Ora dropzone opere. Poi ho impostato zona di lancio non processo di auto coda:

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(); 
     }); 
    } 
}; 

Ora, quando io chiamo il processQueue in questo modo:

photoDropzone.processQueue(); 

Si dice Uncaught TypeError: photoDropzone.processQueue is not a function. Come posso risolvere questo?

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(); 
});