イベントごとのファイル数は以下のような記述で取得できるのですが
最終的なファイルの総数の取得が出来ません
html
1<input type="file" multiple accept="image/jpg" name="imagefile" id="files">
Jqery
1var files = $('#files'); 2var file_length = files[0].files.length;
気になる質問をクリップする
クリップした質問は、後からいつでもMYページで確認できます。
またクリップした質問に回答があった際、通知やメールを受け取ることができます。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
回答1件
0
試してみましたが、下記のようにして、いずれもファイル数は取得できましたよ。
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>
投稿2019/08/09 15:54
編集2019/08/10 03:29退会済みユーザー
総合スコア0
あなたの回答
tips
太字
斜体
打ち消し線
見出し
引用テキストの挿入
コードの挿入
リンクの挿入
リストの挿入
番号リストの挿入
表の挿入
水平線の挿入
プレビュー
質問の解決につながる回答をしましょう。 サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。 また、読む側のことを考えた、分かりやすい文章を心がけましょう。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/08/10 02:10
退会済みユーザー
2019/08/10 03:04 編集
退会済みユーザー
2019/08/10 03:24