前提・実現したいこと
ブログライクなwebアプリを実装しています。
multipleを用いて一回で複数の写真をアップロード出来るようにしたのですが一回で投稿できる写真を3枚までに制限したいです。
色々調べてみると、そのような制限をhtml側でするのではなくjsでするんじゃないかと仮説までは立ててみたものも本当にそうなのか、出来るとしたらどのような実装になるかご教示願いたいです。
プログラミング初学者でjsはprogateで文法を触れた程度なため、あまりjsについて分からないです。
html
1<input multiple="multiple" type="file" name="user[images][]" id="user_images">
試したこと
html側で初めは制御できるのでは?と考え,multiple=3 としてみましたが案の定出来ませんでした。
それと、3枚以上選択時にはアラートで警告もしくは自動的に選択ウィンドを閉じたいためjsで実装する方法についてご教示願いたいです。
補足情報(FW/ツールのバージョンなど)
JavaScript
追記
質問の仕方にご指摘を受けたため、追記させていただきます。
下記のコードでも試しはしたのですが、イベントが発火しませんでした。
デベロッパーツールでもコンソールを使って検証をしたのですが、原因を見つけることができませんでした。
js
1<script> 2 var files = document.getElementById('user_images').files; 3 4 if(files.length > 3){ 5 //ウィンドを閉じるor アラートを出す 6 alert('3枚以上は投稿できません。'); 7 8 } 9</script>
回答1件
あなたの回答
tips
プレビュー