teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

補足説明を追記

2021/06/27 00:45

投稿

hallen0225
hallen0225

スコア587

answer CHANGED
@@ -1,4 +1,4 @@
1
- ここでは、```target.files.length```、選択されているファイルの個数を取得できます。
1
+ ここでは、Javascriptで、```target.files.length```とすると、選択されているファイルの個数を取得できます。
2
2
  この個数が**0のとき**というのが、今記述されたい条件なのではないでしょうか?
3
3
 
4
4
  闇雲に色々やってみるのではなく、ファイルが選択されていないときに「どの変数に」「どのような値が」入っているか観察することをお勧めします。
@@ -9,4 +9,12 @@
9
9
 
10
10
  ということを、ドキュメントを読めば把握できるかと思います。)
11
11
 
12
- (参考:[MDN - FileList](https://developer.mozilla.org/ja/docs/Web/API/FileList))
12
+ (参考:[MDN - FileList](https://developer.mozilla.org/ja/docs/Web/API/FileList))
13
+
14
+ 【追記】HTMLの"@if"、"@endif"はなくした方がよいでしょう。(この方法で出来たとしても、一回ファイルを選択してから選択を解除したときなどは、表示したい画像が表示されません)
15
+ setImage関数の中で、
16
+
17
+ - ```target.files.length```が0のときは画像を表示する(CSSのdisplay:blockなど)
18
+ - ```target.files.length```が0より大きいときは画像を非表示にする(CSSのdisplay:noneなど)
19
+
20
+ のがよいのではないでしょうか??