jqueryでファイルの総数を取得

イベントごとのファイル数は以下のような記述で取得できるのですが
最終的なファイルの総数の取得が出来ません

html
1<input type="file" multiple accept="image/jpg" name="imagefile" id="files">

Jqery
1var files = $('#files');
2var file_length = files[0].files.length;

行動規範の内容に同意します

回答1件

試してみましたが、下記のようにして、いずれもファイル数は取得できましたよ。

html
1<!doctype html>
2<html lang="ja">
3<head>
4    <meta charset="UTF-8">
5    <meta name="viewport"
6          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
7    <meta http-equiv="X-UA-Compatible" content="ie=edge">
8    <title>Document</title>
9</head>
10<body>
11<form action="" method="post">
12
13    <p>
14        <input id="upfiles" type="file" name="upfiles" multiple>
15    </p>
16
17</form>
18<script src=""></script>
19<script src="https://code.jquery.com/jquery-3.4.1.min.js"
20        integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
21<script>
22    $(function () {
23        $('#upfiles').on('change', function (e) {
24            console.log($(this).get(0).files.length);
25            console.log($(this)[0].files.length);
26            console.log(e.target.files.length);
27        });
28    });
29</script>
30</body>
31</html>

html
1<!doctype html>
2<html lang="ja">
3<head>
4    <meta charset="UTF-8">
5    <meta name="viewport"
6          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
7    <meta http-equiv="X-UA-Compatible" content="ie=edge">
8    <title>Document</title>
9</head>
10<body>
11<form action="" method="post">
12
13    <p>
14        <input id="upfiles" type="file" name="upfiles" multiple>
15    </p>
16
17</form>
18<script src=""></script>
19<script src="https://code.jquery.com/jquery-3.4.1.min.js"
20        integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
21<script>
22    $(function () {
23        let upfiles = [];
24        $('#upfiles').on('change', function (e) {
25            $.each(e.target.files, function (i, item) {
26                upfiles.push(item);
27            });
28            console.log(upfiles.length);
29        });
30    });
31</script>
32</body>
33</html>