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

Question

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

<div id="header-dropzone"></div>
$("#header-dropzone").dropzone({ url: "/header" })

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

<form action="/header" class="dropzone"></form>

为什么jquery样式的一个不隐藏那些图标？他们使用相同的CSS。

Answer 1

我刚刚提交了一个错误：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 2

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

这是我的代码

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