Question

我正在尝试在上传之前检查文件数量。我想只允许3张图片。

 <form   action="upload.php"   enctype="multipart/form-data"   method="post"> 
           <input type="file" name="image[]"  multiple="multiple" /> 
      <input type="submit"   value=" Upload "  class="submit"  />   
</form>

$(function() {
  $(".submit").click(function() {

      var numFiles = $("[name='image[]']", this)[0].files.length;

      if (numFiles > 3) {
               alert(numFiles);
         ;}     

    }); 

 });

这是演示： http://jsfiddle.net/Ld7fE/5/

如何解决此问题？谢谢

Answer 1

试试这个：

$(function() {
  $(".submit").click(function() {

      var _files = $("[name='image[]']").prop("files");

      if (_files.length > 3) {
           alert('not allowed');
               return false;
      }

    }); 

 });

编辑＆gt;

$(function() {
  $(".submit").click(function() {

      var fileElements = $("[name='image[]']");

      var filesCount = $(fileElements[0]).prop('files').length;

      if (filesCount > 3) {
           alert('not allowed');
               return false;
      }

    }); 

 });

JSFiddle

Answer 2

您需要return false来自活动，否则您的表单仍会提交。

尝试以下方法：

$('.submit').on('click', function() {  
    var numFiles = $(this).siblings('input[name="image[]"]')[0].files.length;

    if(numFiles > 3)
    {
        alert(numFiles);
        return false;
    }
});

jQuery Demo

Answer 3

我用这个来解决：

$("selector_for_file_input").get(0).files.length;

JSFiddle示例。

上传前检查文件数（jquery）

3 个答案: