首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >dropzone.js:上传后显示复选标记和x图标

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

Stack Overflow用户
提问于 2015-08-21 13:08:23
回答 3查看 8.9K关注 0票数 5

可能是CSS的问题,但当我以编程方式创建dropzone框时,我会在它完成后得到复选标记和x图标以及其他文本(参见链接的图像)。

代码语言:javascript
复制
<div id="header-dropzone"></div>
$("#header-dropzone").dropzone({ url: "/header" })

如果我只是使用表单,并且只是使用dropzone初始化来构建它,那么在上传之后它不会显示图标。

代码语言:javascript
复制
<form action="/header" class="dropzone"></form>

为什么jquery风格的不隐藏这些图标呢?它们使用的是相同的css。

EN

回答 3

Stack Overflow用户

发布于 2018-01-25 10:55:04

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

这是我的代码

代码语言:javascript
复制
$("#my-dropzone").dropzone({ /* options */ });
$("#my-dropzone").addClass("dropzone");
票数 8
EN

Stack Overflow用户

发布于 2017-11-12 07:56:38

我刚刚在https://gitlab.com/meno/dropzone/issues/57上提交了一个bug

同时,一种解决方法是手动修复此问题,方法是将白色记号变为绿色,将白色十字标记变为不可见(反之亦然):

代码语言:javascript
复制
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");
});
票数 7
EN

Stack Overflow用户

发布于 2018-08-17 04:28:14

我遇到了这个问题,并最终确定我的文档不包含库的CSS (我忘了导入它)。在我的主*.scss文件中导入*.css解决了这个问题。

(使用.NET、node_modules (NPM)和*.scss):

代码语言:javascript
复制
@import "~dropzone/dist/dropzone.css";
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/32132711

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档