質問編集履歴
2
いただいた回答を元に、ソースを<form></form>で囲いました。また<button>にtype="reset"を追記しました。説明不足で申し訳ございません。
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
|
1
|
+
<input type="file">の画像プレビュー表示を実装したが、<button>タグでクリアしたい。
|
test
CHANGED
@@ -30,13 +30,15 @@
|
|
30
30
|
|
31
31
|
```html
|
32
32
|
|
33
|
+
<form>
|
34
|
+
|
33
35
|
<div class="parts-file-select-wrp">
|
34
36
|
|
35
37
|
<div class="ph">
|
36
38
|
|
37
39
|
<div class="preview"><img src="/assets/images/parts_noimage.jpg" alt="" ></div>
|
38
40
|
|
39
|
-
<button class="file-delete" style="display: none;" ><img src="/assets/images/ico_form_file_delete.png" alt="" ></button>
|
41
|
+
<button type="reset" class="file-delete" style="display: none;" ><img src="/assets/images/ico_form_file_delete.png" alt="" ></button>
|
40
42
|
|
41
43
|
</div>
|
42
44
|
|
@@ -47,6 +49,8 @@
|
|
47
49
|
</div>
|
48
50
|
|
49
51
|
</div>
|
52
|
+
|
53
|
+
</form>
|
50
54
|
|
51
55
|
```
|
52
56
|
|
1
誤字脱字を修正しました。。mm
test
CHANGED
File without changes
|
test
CHANGED
@@ -18,15 +18,9 @@
|
|
18
18
|
|
19
19
|
### 発生している問題
|
20
20
|
|
21
|
-
<button class="file-delete"></button>をクリックすると
|
21
|
+
<button class="file-delete"></button>をクリックするとファイル選択のクリアと、
|
22
22
|
|
23
|
-
|
24
|
-
|
25
|
-
```
|
26
|
-
|
27
|
-
|
23
|
+
プレビュー画像の表示領域に初期設定していた「parts_noimage.jpg」に戻したいです。
|
28
|
-
|
29
|
-
```
|
30
24
|
|
31
25
|
|
32
26
|
|