質問編集履歴

2

ああああああああああああああああああ

2022/05/17 11:12

投稿

wassan_nikoniko
wassan_nikoniko

スコア9

test CHANGED
@@ -1 +1 @@
1
- thymeleafでnoimageの時の代替画像が表示できない
1
+ ああああああああああああああああああ
test CHANGED
@@ -1,109 +1 @@
1
- ### 前提・実現したいこと
2
-
3
- noimageの時の代替画像を表示したいです
4
-
5
- ### 該当のソースコード
6
-
7
-
8
-
9
- ```html
10
-
11
- <!DOCTYPE html>
12
-
13
- <html xmlns:th="http://www.thymeleaf.org">
14
-
15
- <meta charset="UTF-8">
1
+ ああああああああああああああああああああああああああああああああああああ
16
-
17
- <title>Insert title here</title>
18
-
19
- </head>
20
-
21
- <body>
22
-
23
- <h2 class="title1">商品情報管理システム</h2>
24
-
25
- <h2 class="title2">商品情報一覧</h2>
26
-
27
- <p class="flash">商品情報を登録しました</p>
28
-
29
- <button onclick="location.href='./product-registration'">登録</button>
30
-
31
- <p th:text="'商品情報件数'+${productcount}+'件'"></p>
32
-
33
- <table border="1">
34
-
35
- <tr>
36
-
37
- <th>イメージ</th>
38
-
39
- <th>商品ID</th>
40
-
41
- <th>ジャンル</th>
42
-
43
- <th>メーカー</th>
44
-
45
- <th>商品名</th>
46
-
47
- <th>販売価格</th>
48
-
49
- <th>更新</th>
50
-
51
- </tr>
52
-
53
- <!-- ここから繰り返し処理 th:を使ってDBから値を持ってくる -->
54
-
55
- <!-- productInfoをmodelAttributeしてるためそこから値を持ってくる。 -->
56
-
57
- <tr th:each="productInfo:${productInfo}">
58
-
59
- <td>
60
-
61
- <img th:src="'data:image/png;base64,'+${productInfo.ProductImgOut}"
62
-
63
- th:onerror="this.onerror=null;|this.src='@{/image/noimage.png}'|">
64
-
65
- </td>
66
-
67
- <td th:text="${productInfo.ProductID}"></td>
68
-
69
- <td th:text="${productInfo.Genre}"></td>
70
-
71
- <td th:text="${productInfo.Maker}"></td>
72
-
73
- <td th:text="${productInfo.ProductName}"></td>
74
-
75
- <td th:text="${productInfo.sellingPrice}"></td>
76
-
77
- <td>
78
-
79
- <form action="ProductDetailServlet" method="post">
80
-
81
- <input name="productId" type="hidden" value="${productData.productId}">
82
-
83
- <input type="submit" value="更新">
84
-
85
- </form>
86
-
87
- </td>
88
-
89
- </tr>
90
-
91
- </table>
92
-
93
- </body>
94
-
95
- </html>
96
-
97
- ```
98
-
99
-
100
-
101
- ### 試したこと
102
-
103
- this.src=の階層の指定を./images/noimage.pngなどにしてみましたがうまくいきませんでした。
104
-
105
-
106
-
107
- ###階層
108
-
109
- ![イメージ説明](a7c29c5f441c4ceb3e2b44074ee3ad25.png)

1

new kaisou

2021/10/19 06:06

投稿

wassan_nikoniko
wassan_nikoniko

スコア9

test CHANGED
File without changes
test CHANGED
@@ -60,7 +60,7 @@
60
60
 
61
61
  <img th:src="'data:image/png;base64,'+${productInfo.ProductImgOut}"
62
62
 
63
- onerror="this.src='../images/noimage.png'">
63
+ th:onerror="this.onerror=null;|this.src='@{/image/noimage.png}'|">
64
64
 
65
65
  </td>
66
66
 
@@ -106,4 +106,4 @@
106
106
 
107
107
  ###階層
108
108
 
109
- ![イメージ説明](33c34fb2d499f7456564478ede0bdc90.png)
109
+ ![イメージ説明](a7c29c5f441c4ceb3e2b44074ee3ad25.png)