我想上傳2個項目。 如何限制上的多個輸入文件的最大項目如何限制多個輸入上的最大項目(<input type =「file」multiple />)
回答
你可以運行一些jQuery的客戶端驗證檢查:
$(function(){
$("input[type='submit']").click(function(){
var $fileUpload = $("input[type='file']");
if (parseInt($fileUpload.get(0).files.length)>2){
alert("You can only upload a maximum of 2 files");
}
});
});
http://jsfiddle.net/Curt/u4NuH/
但記住一定要在服務器端也爲客戶端驗證可以很容易地繞過。
這是可能的形式/輸入本身? – Wanjia 2017-07-11 15:03:25
改爲使用兩個<input type=file>
元素,而不使用multiple
屬性。
這將只允許一個圖像,他想要2個圖像 – Diego 2016-10-15 21:36:54
不允許,這允許兩個單獨的文件列表對象,並一直用作上傳多個文件並限制它們的數量的方法--- 15年前 – 2017-09-27 16:09:08
你也應該考慮使用庫來做到這一點:它們允許限制,還有更多:
他們也可以在https://cdnjs.com/
<strong>On change of the input track how many files are selected:</strong>
<script>
$("#image").on("change", function() {
if($("#image")[0].files.length > 2) {
alert("You can select only 2 images");
} else {
$("#imageUploadForm").submit();
}
});
</script>
<input name="image[]" id="image" type="file" multiple="multiple" accept="image/jpg, image/jpeg" >
注意後面的僞分號if條件。 – Qdeep 2017-01-07 21:05:39
- 1. <input type =「file」multiple =「multiple」/>不允許選擇多個文件
- 2. 定製<input type =「file」>?
- 3. <input type =「file」/>
- 4. html-input type =「file」multiple
- 5. 清除<input type = file>
- 6. <input type =「file」> EMPTY
- 7. IE9是否支持input type =「file」multiple =「multiple」?
- 8. HTML <input type =「text」... as <input type =「file」
- 9. PouchDB <input type =「file」multiple /> - 可以工作嗎?怎麼樣?
- 10. 如何在<input type =「text」>標籤內放置<input type =「file」>?
- 11. 如何用<input type =「file」>選擇多個文件?
- 12. <input type =「file」>通過擴展限制可選文件
- 13. <input type =「file」/>的幫助器
- 14. IE:input type =「file」multiple
- 15. 如何在iPhone上的Safari中使用<input type ='file'>?
- 16. 不使用<input type =「file」/>
- 17. 覆蓋<input type =「file」>值屬性
- 18. 回顧從<input type =「file」>
- 19. 當<input type =「file」>形式爲
- 20. 通過打開<input type =「file」>
- 21. 問題與<input type =「file」>
- 22. 我可以使用<input type =「text」>來模擬<input type =「file」>嗎?
- 23. 將刪除的文件添加到<input type =「file」多個>
- 24. 如何使用HtmlUnit java上傳多個文件<input multiple>
- 25. 如何限制<input type =「file」>以便它只能選擇.pdf文件?
- 26. 如何使用AngleSharp指定輸入文件到<input type ='file'>的DOM?
- 27. 創建輸入HtmlHelpers(例如:input type = file)
- 28. 如何從<input type =「file」>獲取UNC路徑>
- 29. Perl的CGI.pm能處理Firefox的<input type =「file」,multiple =「」>表單字段嗎?
- 30. INPUT TYPE =文件多個,刪除項目
這可能會有所幫助: http://stackoverflow.com/questions/9813556/multiple-file-upload-file-input -limit-number-of-files – 2012-04-11 11:59:29
[Count並限制上傳的文件數(HTML文件輸入)]的可能重複](https://stackoverflow.com/questions/9813556/count-and-limit-the-number- of-files-uploaded-html-file-input) – gbjbaanb 2017-06-27 16:13:20