如何限制多个input上的最大项目（<input type =“file”multiple />）

我只想上传2个项目。 如何限制多个input文件中的最大项目

Answer 1

你可以运行一些jQuery客户端validation来检查：

$(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/

但是请记住检查服务器端，因为客户端validation可以很容易地绕过。

Answer 2

 <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" > 

Answer 3

你也应该考虑使用库来做到这一点：他们允许限制和更多：

• FineUploader 。 演示

• bluimp的jQueryfile upload插件 。 用法： jqueryfile upload限制文件数量

他们也可在https://cdnjs.com/

Answer 4

使用两个<input type=file>元素，而不使用multiple属性。