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

Question

我使用Dropzone.js将文件拖放功能添加到上传表单，它看起来不错，并且所有的工作都很棒。

但是，如果文件被拒绝，如果文件太大或不是允许的扩展名，则弹出错误消息会隐藏“删除”链接，因此您无法删除该错误文件图标。

有没有解决这个办法吗？

我认为你可以设置从队列中自动删除不良项目，但用户wouldnt得到解释消息。

也许隐藏坏文件的“删除”文本并添加一个链接到弹出消息？

或者将“删除”链接更改为不会隐藏的图标右下角的小“X”图标？

不知道如何做到这些，或者如果有更好的解决方案呢？

Answer 1

一个解决方案是自定义预览模板的dropzonejs CSS以调整错误消息。例如，你的情况，你可以更新：

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

这是结果：