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

Question

我正在使用Dropzone.js将文件拖放功能添加到上传表单中，它看起来不错，而且效果很好。

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

有什么方法吗？

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

可能隐藏错误文件的“删除”文本并添加弹出消息的链接？

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

不确定如何处理其中任何一项，或者是否有更好的解决方案？

Answer 1

一种解决方案是为预览模板自定义dropzonejs CSS以调整错误消息。例如，您可以更新：

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

这就是结果：

Answer 2

当遇到相同的问题时，我选择了以下解决方案：将工具提示稍低一些，并更改其箭头的位置和大小，以免遮盖可移除的链接。我也将链接的文本缩短为“删除”，并设置了样式使其看起来更好。

这是我的CSS自定义内容：

select t.*
from t
where exists (select 1
              from t t2
              where t2.site = t.site and t2.name = t.name and t2.id <> t.id
             );