dropzone.js:上传后显示复选标记和x图标
dropzone.js:上传后显示复选标记和x图标
提问于 2015-08-21 13:08:23
可能是CSS的问题，但当我以编程方式创建dropzone框时，我会在它完成后得到复选标记和x图标以及其他文本(参见链接的图像)。
<div id="header-dropzone"></div>
$("#header-dropzone").dropzone({ url: "/header" })如果我只是使用表单，并且只是使用dropzone初始化来构建它，那么在上传之后它不会显示图标。
<form action="/header" class="dropzone"></form>
为什么jquery风格的不隐藏这些图标呢？它们使用的是相同的css。
回答 3
Stack Overflow用户
发布于 2018-01-25 10:55:04
我也遇到了这个问题。我的解决方案是在初始化元素后将dropzone类添加到元素中。这绕过了autoDiscover问题，但保持了check/x行为的工作。
这是我的代码
$("#my-dropzone").dropzone({ /* options */ });
$("#my-dropzone").addClass("dropzone");Stack Overflow用户
发布于 2017-11-12 07:56:38
我刚刚在https://gitlab.com/meno/dropzone/issues/57上提交了一个bug
同时，一种解决方法是手动修复此问题，方法是将白色记号变为绿色，将白色十字标记变为不可见(反之亦然)：
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");
});Stack Overflow用户
发布于 2018-08-17 04:28:14
我遇到了这个问题，并最终确定我的文档不包含库的CSS (我忘了导入它)。在我的主*.scss文件中导入*.css解决了这个问题。
(使用.NET、node_modules (NPM)和*.scss)：
@import "~dropzone/dist/dropzone.css";页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/32132711
复制相关文章
相似问题
腾讯云开发者
