Javascript dropzone.js从服务器检索时抑制进度条

使用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"
};

Dropzone.options.myDropzone={
PreviewContainer:document.getElementById（“预览”），
init:function（）
{
thisDropzone=这个；
$.get（'../cgi/fileUpload.php'，函数（数据）
{
$。每个（数据、函数（键、值）
{
var mockFile={name:value.name，size:value.size}；
thisDropzone.options.addedfile.call（thisDropzone，mockFile）；
thisDropzone.options.缩略图.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（“删除文件”）；
var_this=这个；
removeButton.addEventListener（“单击”），函数（e）
{
e、 预防默认值（）；
e、 停止传播（）；
thisDropzone.removeFile（mockFile）；
});
mockFile.previewElement.appendChild（removeButton）；
});
});
},
url:“../cgi/fileUpload.php”
};

回答！选择在交付div后使用jquery删除div：

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

---

不太优雅，但它可以工作。

确保没有进度条，等等

thisDropzone.emit("complete", mockFile);

---

这是一个老问题，但我也有同样的问题。我的解决方案是编辑我的.css文件：

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

我也有同样的问题

$（'.dz progress'）.hide（）

如果使用.hide（）而不是.remove（）方法，那就太好了。 因为.remove（）将该div永久删除

试试这个对我有用

---

$（“.spinner”）.hide（）

你可以试试这个，然后开始工作

init:function（）{
此.on（“MaxFilesExcepended”，函数（文件）{
这个.removeAllFiles（）；
此.addFile（文件）；
});
this.on（“addedfile”，函数（文件）{
log（“添加的文件”）；
$（this.previewContainer）.closest（'.crm upload wrap'）.find（'.badge'）.html（this.files.length）；
console.log（this）；
console.log（文件）；
});
var mockFile={name:“myimage.jpg”，大小：1235，类型：“image/jpeg”，serverId:151987，accepted:true}；//使用服务器用于标识文件的实际id（例如DB唯一标识符）
emit（“addedfile”，mockFile）；
调用（this，mockFile，'https://lh3.googleusercontent.com/40gtienq1vthvuWpzCErQJqucB6oxANPHawkEiF6BEJH0Q7mJwHuOyUeRwMBIGb8vO8=s128');
这个.emit（“success”，mockFile）；
这个.emit（“完成”，mockFile）；
this.files.push（mockFile）；
$（this.previewContainer）.closest（'.crm upload wrap'）.find（'.badge'）.html（this.files.length）；
$（this.previewContainer）.find（'.dz progress'）.hide（）；//如果有任何带有“微调器”的类，这将隐藏所有这些元素。有一个“dz preview”为显示进度的div元素初始化。如其他响应中所述，您可以扩充现有类以诱使Dropzone认为上载已完成，也可以使用类“dz preview”清除元素.
如果它们已经上载，刷新不应该从服务器检索它们吗？是的，我希望它们在没有进度条的情况下被检索。是的，或者您可以使用
$（'.dz preview'）.addClass（'dz-complete'）；
是。它是使用$（'.dz progress'）.hide（）；@Panther解决的