Webエンジニアのメモ帳

技術的な話を中心に書いています。

【Spring Boot】リソースに配置した画像を表示する

Spring Boot + Thymeleafを使った開発で、リソースに配置した画像を表示する方法を説明します。

画像の配置

src/main/resources/static/imgに画像を配置します。

f:id:iberia9lavapies:20210219125505p:plain

必ずstaticというディレクトリの下に配置します。imgは好きな名前で構いません。

表示

テンプレート(html)側で以下のように記述します。画像名はtest.jpgとします。

<img th:src="@{/img/test.jpg}">
  • @に囲んで記述する
  • static以下のパスのみ記述する

この2点がポイントです。