dropzone.js .removeAllFiles() 不删除模拟文件

Question

我注意到，在使用所示技术 here 接收“模拟”文件的 dropzone 实例上调用 .removeAllFiles() 时实际上并没有达到预期的效果(模拟文件仍然存在)。

Answer 1

我也有同样的问题。
我认为这是因为从服务器添加的文件没有进入 files 数组并且当您调用 removeAllFiles() 时它不起作用，因为它根本不在文件数组中。
所以显而易见的解决方案是将它们添加到文件数组中，它看起来像这样

$(function() {
    var mockFile = { name: "banner2.jpg", size: 12345 };
    var myDropzone = new Dropzone("#my-awesome-dropzone");
    myDropzone.options.addedfile.call(myDropzone, mockFile);
    myDropzone.files.push(mockFile); // here you add them into the files array
    myDropzone.options.thumbnail.call(myDropzone, mockFile,
        "http://localhost/test/drop/uploads/banner2.jpg");
});

现在您可以使用 myDropzone.removeAllFiles();在某些事件中，从服务器添加的文件也将从 dropzone 中删除。

注意:使用上述代码时请记住。如果您在从 dropzone 中删除文件时触发服务器端代码以从服务器中删除文件，那么来自服务器的所有文件都将被删除。