javascript - dropzone.js:上传后显示复选标记和 x 图标

Question

可能是一个 CSS 问题，但是当我以编程方式创建一个拖放区框时，我在完成后得到了复选标记和 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");
});