Dropzone.js删除隐藏在弹出消息后面的链接

Question

我使用Dropzone.js将文件拖放功能添加到上传表单,它看起来不错,一切都很好.

但是,当文件被拒绝时,如果文件太大或不允许扩展名,弹出错误消息会隐藏"删除"链接,因此您无法删除该错误文件图标.

有没有办法解决？

我认为您可以设置自动从队列中删除不良项目,但用户不会收到解释消息.

也许隐藏坏文件的"删除"文本并添加弹出消息的链接？

或者将"删除"链接更改为图标右下角的一个小"X"图标,该图标不会被隐藏？

不知道怎么做其中任何一个,或者是否有更好的解决方案？

Answer 1

一种解决方案是为预览模板自定义dropzonejs CSS以调整错误消息.例如,在您的情况下,您可以更新:

.dropzone .dz-preview .dz-error-message {
    top: 150px!important;
}

这就是结果: