我有一個簡單的表單，用戶可以在其中上傳多張圖片。我只希望用戶一次上傳 4 張圖片，所以我做了以下操作：
$("#myfile").on("change", function() {
if ($("#myfile")[0].files.length > 4) {
alert("You can select only 4 images");
}
});<input type="file" id="myfile" class="form-control" name="pimage[]" multiple="multiple">當用戶上傳超過 4 張圖片但不會阻止他們提交表單時，這會發出警報。
如果超過限制或禁用提交按鈕，誰能告訴我如何清除用戶上傳的影像？
uj5u.com熱心網友回復：
正如我在評論中所說，我將實施禁用屬性策略：
$("#myfile").on("change", function() {
if ($("#myfile")[0].files.length > 4) {
alert("You can select only 4 images");
$(".form-control").prop("disabled",true);
}
});
使用上面的代碼，用戶將無法提交表單
uj5u.com熱心網友回復：
在這種情況下，最好再創建一個帶有標志狀態的變數，然后在提交表單之前對其進行檢查。
像這樣的東西：
let flag = false;
$("#myfile").on("change", function() {
if ($("#myfile")[0].files.length > 4) {
alert("You can select only 4 images");
flag = true;
}
});
if(!flag){
$('#form').submit();
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/470280.html
標籤：javascript html jQuery 形式 图片
上一篇：jQuery用于在選擇框中選擇兩個不同專案時顯示不同的文本欄位
下一篇：幾個ID的執行腳本-回圈？