javascript - 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

确保没有进度条等...

thisDropzone.emit("complete", mockFile);

FAQ Dropzone.JS