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);
      });