Wie kann ich Dropzone mit diesem Code zurücksetzen?

Question

Dropzone.options.imageFile = { 
    url: HOST_NAME + USER_NAME + BUILDER_API +'image/', 
    method: 'POST', 
    // enter code here 
    acceptedFiles: '.jpg, .jpeg, .png', 
    paramName: "imagefile", // The name that will be used to transfer the file 
    maxFilesize: 10, // MB 
    //addRemoveLinks: true, 
    maxFiles: 2, 
    init: function() { 
     this.on("success", function(file, response) { 
      image_id = response.id; 
      IMAGES.push(image_id); 
      check_files(); 
     }), 
     this.on("removedfile", function(file, response){ 
      data = JSON.parse(file.xhr.response); 
      alert(data['id']); 
     }); 
    }, 
}; 

Was muss ich tun, um die Dropzone vollständig zurückzusetzen?

Answer 1

Nicht 100% sicher, dass ich die Frage verstanden habe, aber ich nehme an, dass Sie die Dropzone-Instanz aus ihrem ursprünglichen Zustand wiederverwenden können.

Technisch möchten Sie removeAllFiles() aufrufen, und das wird alle Dateien entfernen. Hier

ist ein Beispiel, das zeigt, wie ein Entfernen Sie alle Dateien mit einer Schaltfläche hinzufügen: Remove all files with one button

Es gab auch andere Menschen, die versuchen, das Gleiche zu tun, die Sie suchen: Reset dropzone to Pristine state

Answer 2

Dies ist die Antwort auf diese Frage und viele, wie es auf Stackoverflow ... zu removeAllFiles auf einer nicht programmatisch erstellt Dropzone (http://www.dropzonejs.com/#configuration), dann würden Sie ausführen (die OP der ID verwenden):

var myDropzone = Dropzone.forElement("#imageFile"); 
myDropzone.removeAllFiles(); 

Das Problem ist, dass dies NICHT die nette Nachricht "Ein Bild hier hochladen" für mich zurückgibt - hinterlässt nur eine unerklärliche weiße Box - ein weiterer Schritt, um das zu beheben.

$(".dz-message").removeClass("hidden"); 

Das wird die ursprüngliche Nachricht anzeigen.