dropzone.js Fortschrittsbalken beim Abrufen vom Server unterdrücken

Question

Mit dropzone.js hatte ich keine Probleme, es zum Laufen zu bringen, einschließlich Bilder, die bereits auf den Server hochgeladen wurden.

Das einzige Problem, das ich habe, ist, wenn ich diese Dateien vom Server bei einer Seitenaktualisierung abrufen (was bedeutet, dass sie während der aktuellen Verwendung dieser Seite nicht hochgeladen wurden), wird der Upload-Fortschrittsbalken permanent angezeigt. Gibt es eine Möglichkeit, die Fortschrittsleiste für zuvor hochgeladene Bilder zu unterdrücken? Ich möchte weiterhin die Fortschrittsbalken beim Hochladen verwenden und möchte das CSS nicht aus der Vorlage entfernen.

Nicht, dass es in diesem Fall hilfreich ist, aber hier ist der Code, den ich verwende, um die Dateien abzurufen und sie in einem Remote-Vorschaudiv anzuzeigen.

Dropzone.options.myDropzone = { 
    previewsContainer: document.getElementById("previews"), 
    init: function() 
    { 
    thisDropzone = this; 

    $.get('../cgi/fileUpload.php', function(data) 
    { 
     $.each(data, function(key,value) 
     { 
      var mockFile = { name: value.name, size: value.size}; 
      thisDropzone.options.addedfile.call(thisDropzone, mockFile); 
      thisDropzone.options.thumbnail.call(thisDropzone, mockFile, value.uploaddir+value.name); 

      var strippedName = (value.name).slice(11); 
      fileList[i] = {"serverFileName" : value.name, "fileName" : value.name, "fileSize" : value.size, "fileId" : i }; 
      i++; 


      var removeButton = Dropzone.createElement("<button class=\"btn btnremove\" style=\"width: 100%;\">Remove file</button>"); 

      var _this = this; 

      removeButton.addEventListener("click", function(e) 
      { 

       e.preventDefault(); 
       e.stopPropagation(); 

       thisDropzone.removeFile(mockFile); 

      }); 

      mockFile.previewElement.appendChild(removeButton); 

     }); 
    }); 
}, 
url: "../cgi/fileUpload.php" 
}; 

Answer 1

Beantwortet! Wählen Sie einfach die divs entfernen mit Jquery, nachdem sie geliefert wurden:

$(".dz-progress").remove(); 

Nicht übermäßig elegant, aber es funktioniert.

Answer 2

Vergewissern Sie sich, dass es keine Fortschrittsbalken, etc ...

thisDropzone.emit("complete", mockFile); 

FAQ Dropzone.JS

Answer 3

Dies ist eine alte Frage, aber ich hatte das gleiche Problem. Meine Lösung war, meine .css-Datei zu bearbeiten:

.dz-progress { 
    /* progress bar covers file name */ 
    display: none !important; 
} 

Answer 4

Ich hatte das gleiche Problem.

$ ('. Dz-progress'). Hide();

Es wäre toll, wenn Sie .hide() anstelle von .remove() -Methode verwenden. Weil .remove() das div permanent entfernt.

Answer 5

Probieren Sie dies funktioniert für mich $ (". Spinner"). Hide();