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

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

你可以运行一些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可以很容易地绕过。

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

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

  • FineUploader 。 演示

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

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

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