javascript - 用jQuery计算输入框中的文件数？

Question

如何使用 jQuery 计算文件上传输入中的文件数？

我已经尝试过了，但它总是返回 1：

$("body").on("change", ".create-album .custom-file-input .createAlbumFileUpload", function(){   

    var numFiles = $("input:file", this).length;
    alert(numFiles);
});

我的 HTML：

<form enctype="multipart/form-data" class="createAlbumFileUpload">
    <input type="file" name="uploadFile[]" multiple="multiple"/>
</form>

我在另一个问同样问题的问题上找到了这个jsFiddle ，但是我不明白为什么我的不工作？

Answer 1

您提供的小提琴包含答案。

var numFiles = $("input:file", this)[0].files.length;

http://jsfiddle.net/xvLAc/1/

Answer 2

你也可以试试这个，

在 Div 中输入并给出一个 id，

var count =  $('#divPhoto').children().length; // You'll get the length in this.

Answer 3

您可以使用以下代码和https://jsfiddle.net/vvz3a4qp/2/轻松检查：

HTML：

<form name="myForm" enctype="multipart/form-data">
<input type="text" name="name">
<input type="file" name="name1" >
<input type="file" name="name2" ><br><br>
<span id="total"></span>
</form>

JS：

 $("body").change(function(){
            alert($(":file").length);
            $("#total").html($("input[type=file]").length);
      });