teratail
回答率
85.47%
質問するログイン新規登録
トップに関する質問複数アップロードファイルを表示したい

編集履歴

質問編集履歴

6

追加情報　出力位置

2020/07/07 08:18

投稿

rwatanabe
rwatanabe

スコア2

test CHANGED
File without changes
test CHANGED
@@ -14,11 +14,13 @@
14
14
 
15
15
 
16
16
 
17
- 　例　　○○.txt
17
+ 例
18
18
 
19
- 　　　　□□.jpg
19
+ 　○○.txt
20
20
 
21
+ 　□□.jpg
22
+
21
- 以下、input入力項目
23
+ 以下、input入力項目
22
24
 
23
25
 
24
26
 

5

追加情報 出力位置

2020/07/07 08:18

投稿

rwatanabe
rwatanabe

スコア2

test CHANGED
File without changes
test CHANGED
@@ -8,7 +8,19 @@
8
8
 
9
9
  実現したいこと
10
10
 
11
- 　DB等にアップロードする前に選択したファイル名の表示(HTML上で)。
11
+ 　DB等にアップロードする前に選択したファイル名の表示。
12
+
13
+ 　input入力項目の上あたりにファイル名を表示したい。
14
+
15
+
16
+
17
+ 　例　　○○.txt
18
+
19
+ 　　　　□□.jpg
20
+
21
+ 以下、input入力項目
22
+
23
+
12
24
 
13
25
  ##2 発生している問題
14
26
 
@@ -29,8 +41,6 @@
29
41
  <div class="file_row">
30
42
 
31
43
  <div class="file_wrapper">
32
-
33
- <!-- このあたりにファイル名を表示させることはできませんか。。。 -->
34
44
 
35
45
  　<input type="file" name="tenpu_file[]" th:field="*{icon_file}" id="docs" th:path="*{icon_file}" multiple="multiple"/>
36
46
 

4

追加情報　ファイル名の出力部分

2020/07/07 08:17

投稿

rwatanabe
rwatanabe

スコア2

test CHANGED
File without changes
test CHANGED
@@ -29,6 +29,8 @@
29
29
  <div class="file_row">
30
30
 
31
31
  <div class="file_wrapper">
32
+
33
+ <!-- このあたりにファイル名を表示させることはできませんか。。。 -->
32
34
 
33
35
  　<input type="file" name="tenpu_file[]" th:field="*{icon_file}" id="docs" th:path="*{icon_file}" multiple="multiple"/>
34
36
 

3

追加情報

2020/07/07 08:12

投稿

rwatanabe
rwatanabe

スコア2

test CHANGED
File without changes
test CHANGED
@@ -8,7 +8,7 @@
8
8
 
9
9
  実現したいこと
10
10
 
11
- 　DB等にアップロードする前に選択したファイル名の表示。
11
+ 　DB等にアップロードする前に選択したファイル名の表示(HTML上で)。
12
12
 
13
13
  ##2 発生している問題
14
14
 

2

追加情報　thymeleafとhtml

2020/07/07 08:04

投稿

rwatanabe
rwatanabe

スコア2

test CHANGED
File without changes
test CHANGED
@@ -20,9 +20,29 @@
20
20
 
21
21
  ```html
22
22
 
23
- <input type="file" name="tenpu_file[]" th:field="*{icon_file}" id="docs" th:path="*{icon_file}" multiple="multiple"/>
23
+ <tr class="tenpu_docs">
24
24
 
25
+ 　<th class="v_top">添付資料</th>
26
+
27
+ <td>
28
+
29
+ <div class="file_row">
30
+
31
+ <div class="file_wrapper">
32
+
33
+ 　<input type="file" name="tenpu_file[]" th:field="*{icon_file}" id="docs" th:path="*{icon_file}" multiple="multiple"/>
34
+
25
- <p class="file_name_keeper">&nbsp;</p><label for="docs">選択</label>
35
+ <p class="file_name_keeper">&nbsp;</p><label for="docs">選択</label>
36
+
37
+ </div>
38
+
39
+ </div>
40
+
41
+ <p style="color: #FF0000;" th:if="${#fields.hasErrors('*{icon_file}')}" th:errors="*{icon_file}"></p>
42
+
43
+ </td>
44
+
45
+ </tr>
26
46
 
27
47
  ```
28
48
 

1

書式改善

2020/07/07 07:49

投稿

rwatanabe
rwatanabe

スコア2

test CHANGED
File without changes
test CHANGED
@@ -1,8 +1,14 @@
1
- よろしくお願いいたします。
2
-
3
1
  ##1 前提・実現したいこと
4
2
 
3
+ お世話になっております。
4
+
5
+ アップロードする前に複数ファイルのファイル名を表示したいと考えております。
6
+
7
+
8
+
9
+ 実現したいこと
10
+
5
- DB等にアップロードする前に選択したファイル名の表示。
11
+ 　DB等にアップロードする前に選択したファイル名の表示。
6
12
 
7
13
  ##2 発生している問題
8
14