Dropzone.js刪除隱藏在彈出消息後面的鏈接

Question

我使用Dropzone.js將文件拖放功能添加到上傳表單，它看起來不錯，並且所有的工作都很棒。

但是，如果文件被拒絕，如果文件太大或不是允許的擴展名，則彈出錯誤消息會隱藏「刪除」鏈接，因此您無法刪除該錯誤文件圖標。

有沒有解決這個辦法嗎？

我認爲你可以設置從隊列中自動刪除不良項目，但用戶wouldnt得到解釋消息。

也許隱藏壞文件的「刪除」文本並添加一個鏈接到彈出消息？

或者將「刪除」鏈接更改爲不會隱藏的圖標右下角的小「X」圖標？

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

Answer 1

一個解決方案是自定義預覽模板的dropzonejs CSS以調整錯誤消息。例如，你的情況，你可以更新：

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

這是結果：