dropzone.js：上传后显示复选标记和x图标

Question

可能是CSS问题，但是当我以编程方式创建一个dropzone框时，我会在完成后获得复选标记和x图标以及其他文本（请参阅链接图像）。

driver

如果我只使用表单并使用dropzone初始化构建它，则上传后不会显示图标。

from selenium import webdriver

为什么jquery风格的人不会隐藏这些图标？他们使用相同的CSS。

Answer 1

我也遇到过这个问题。我的解决方案是在初始化后将dropzone类添加到元素中。这解决了autoDiscover问题，但保持check / x行为正常工作。

这是我的代码

$("#my-dropzone").dropzone({ /* options */ });
$("#my-dropzone").addClass("dropzone");

Answer 2

我刚刚在https://gitlab.com/meno/dropzone/issues/57

提交了一个错误

与此同时，解决方法是手动修复此问题，方法是将白色标记变为绿色，将白色标记变为不可见（反之亦然）：

theDropzone.on("success", function(file){   
  $(".dz-success-mark svg").css("background", "green");
  $(".dz-error-mark").css("display", "none");
});
theDropzone.on("error", function(file) {
  $(".dz-error-mark svg").css("background", "red");
  $(".dz-success-mark").css("display", "none");
});

Answer 3

我遇到了这个问题，并最终确定我的文档不包含该库的CSS（我忘记了导入）。将* .css导入我的主* .scss文件中即可解决此问题。

（使用.NET，node_modules（NPM）和* .scss）：

@import "~dropzone/dist/dropzone.css";