web-dev-qa-db-ja.com

ThymeleafとSpringBootを使用してimgが表示されない

Springbootと一緒にthymeleafを使用しています

HTMLファイルの画像を表示できません。私はthymeleafで同じことを行うすべての異なる方法を試しましたが、運がありませんでした。

これが私のプロジェクトフォルダ構造です

???? src
└─── ???? main
    └─── ???? resources
        ├─── ???? templates
        ├─── ???? css
        └─── ???? images

HTMLファイル

<head>
    <title>Community Bike Share Web Application</title>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0"/>
    <link rel="stylesheet" th:href="@{/webjars/bootstrap/3.1.1/css/bootstrap.min.css}" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" />
</head>

<div>
    <img th:src="@{/images/taiwan_Bicycle_Ride_hd_wallpaper_8.jpg}"
         src="../images/taiwan_Bicycle_Ride_hd_wallpaper_8.jpg" class="img-responsive" alt="Responsive image"/>
</div>
spring-bootthymeleaf
12
komal dedhia

Bootのデフォルト構成では、画像（およびその他の静的コンテンツ）はsrc/main/resources/staticの下にある必要があります。たとえば、/imagesからコンテンツを提供するには、ファイルをsrc/main/resources/static/imagesに配置します

13
Andy Wilkinson

これは役立つかもしれません。私は自分のアプリケーションでそれを使用していますが、エラーは表示されません（少なくともMozillaでは）。 ../ ..を使用して、アプリケーション内のファイルとディレクトリにアクセスします。

<img alt="Caption X" class="rounded-circle img-responsive mt-2"
   height="128" th:src="@{/../static/images/theImage.png}" width="128">

Thymeleafで問題なく動作します。

0
Abram