bootstrap fileinput 設定了minFileCount=1,上傳時一直提示“你必須選擇最少 2 個檔案 來上傳”,求幫看

uj5u.com熱心網友回復:
樓主解決這個問題了嗎,我也遇到了uj5u.com熱心網友回復:
當點擊上傳后,報錯,提示你必須選擇最少X個檔案上傳。錯誤原因:html中input標簽元素屬性:data-min-file-count="2" 設定為X個檔案,限制上傳檔案數
uj5u.com熱心網友回復:
maxFileCountuj5u.com熱心網友回復:
maxFileCount: 0可以解決這個問題,但fileinput的最大最小限制沒有了。
uj5u.com熱心網友回復:
還有個臨時方案可以解決這個問題,先清空圖片容器,此刻最大最小限制沒有了。如下:// 點擊瀏覽框右上角X或總洗掉按鈕清空檔案后的回應事件
$("#file").on('filecleared', function (event, file) {
$(event.target).fileinput("refresh",{minFileCount: 0, maxFileCount: 0});
...
}
// 新增上傳檔案洗掉成功時執行
$("#file").on("filesuccessremove",function(event, uploadedId, index) {
$(event.target).fileinput("refresh",{minFileCount: 0, maxFileCount: 5});
...
}
// 加載的預覽圖片的洗掉。(洗掉后的處理)
$("#file").on('filedeleted', function(event, key) {
$(event.target).fileinput("refresh",{minFileCount: 0, maxFileCount: 5});
...
}
uj5u.com熱心網友回復:
最終解決方案,一行代碼搞定。如下:(一定要點贊,折騰一下午了。。。)/*** 編輯時,已加載了預覽圖片的洗掉。(洗掉后的處理) ***/
$("#file").on('filedeleted', function(event, key) {
//解決上傳新圖時提示最大上傳數限制訊息,然后你洗掉預覽圖后,在次上傳同一新圖無法顯示的問題(點右上角【X】也不能解決時)。
$(event.target).fileinput('clear').fileinput('unlock'); //關鍵代碼
//隱藏【洗掉】按鈕。(可選)
//$(event.target).parent().siblings('.fileinput-remove').hide();
...
}
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/98429.html
標籤:HTML(CSS)
上一篇:在哪里可以下載PRIMER5.0
