dropzone.js Подавить индикатор выполнения при извлечении с сервера

Question

Использование dropzone.js У меня не было проблем с его работой, включая получение изображений, ранее загруженных на сервер.

Единственная проблема, с которой я сталкиваюсь, - это когда я извлекаю эти файлы с сервера при обновлении страницы (что означает, что они не были загружены во время текущего использования этой страницы), индикатор выполнения загрузки постоянно отображается. Есть ли способ подавить индикатор выполнения ранее загруженных изображений? Я хотел бы продолжать использовать индикаторы выполнения при загрузке и не хочу удалять CSS из шаблона.

Не то, чтобы это было полезно в этом случае, но вот код, который я использую, чтобы извлечь файлы и отобразить их в удаленном div.

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

Ответил! Выбрал просто удалить дивы с помощью JQuery после того как они были доставлены:

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

не слишком элегантно, но он работает.

Answer 2

Убедитесь, что нет прогресс бар, и т.д ...

thisDropzone.emit("complete", mockFile); 

FAQ Dropzone.JS

Answer 3

Это старый вопрос, но у меня была такая же проблема. Моим решением было изменить файл .css:

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

Answer 4

У меня была такая же проблема.

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

Было бы здорово, если вы используете .hide() вместо метода .remove(). Потому что .remove() удалить этот div постоянный.

Answer 5

Попробуйте это сработало для меня $ (". Spinner"). Hide();