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

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

行動規範の内容に同意します

回答2件

ベストアンサー

登録時はバイナリで登録すると、DB系ツールで画像の表示(確認)ができるので便利です。

java
1productInfo.setProductImg(productInfo.getMultiPartFile().getBytes());
2

表示時は、encodeToString()を使って、表示することができます。

java
1@Data
2public class ProductInfo implements Serializable {
3    //省略
4
5    public String getProductImgOut() {
6        return Base64.getEncoder().encodeToString(this.getProductImg());
7    }

html
1<td th:if="${#strings.isEmpty(productInfo.productImgOut)}">
2  <!-- 例えば、resources/static/noimage.jpgを用意します -->
3  <img th:src="@{/noimage.jpg}">
4</td>
5<td th:unless="${#strings.isEmpty(productInfo.productImgOut)}">
6  <img th:src="@{'data:image/jpeg;base64,' + ${productInfo.productImgOut}}">
7</td>

投稿2021/10/19 03:37

編集2021/10/19 03:51

IT001

総合スコア659

wassan_nikoniko

2021/10/19 03:41

ご返信いただきありがとうございます！解決できました！もし差し支えなければなのですが、productImgOutがもしnullであったら、noimageの画像を表示するといった処理を実装したいと考えているのですが、そういった場合もth:ifを使用して、出力させるということは可能なのでしょうか？

IT001

2021/10/19 03:51

可能です！HTMLを、noimageが表示できるサンプルにしてみましたので、ご参照ください。

行動規範の内容に同意します

文字数制限の為、こちらにhtmlを記載します。

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
    <h2 class="title1">商品情報管理システム</h2>
    <h2 class="title2">商品情報一覧</h2>
    <p class="flash">商品情報を登録しました</p>
	<button onclick="location.href='./product-registration'">登録</button>
    <p th:text="'商品情報件数'+${productcount}+'件'"></p>
      <table border="1">
        <tr>
          <th>イメージ</th>
          <th>商品ID</th>
          <th>ジャンル</th>
          <th>メーカー</th>
          <th>商品名</th>
          <th>販売価格</th>
          <th>更新</th>
        </tr>
        <!-- ここから繰り返し処理 th:を使ってDBから値を持ってくる -->
        <!-- productInfoをmodelAttributeしてるためそこから値を持ってくる。 -->
        <tr th:each="productInfo:${productInfo}">
          <td th:text="${productInfo.productImgOut}"></td>
          <td th:text="${productInfo.ProductID}"></td>
          <td th:text="${productInfo.Genre}"></td>
          <td th:text="${productInfo.Maker}"></td>
          <td th:text="${productInfo.ProductName}"></td>
          <td th:text="${productInfo.sellingPrice}"></td>
          <td>
            <form action="ProductDetailServlet" method="post">
              <input name="productId" type="hidden" value="${productData.productId}">
              <input type="submit" value="更新">
            </form>
          </td>
        </tr>
      </table>
</body>
</html>

投稿2021/10/18 09:43

wassan_nikoniko

総合スコア9