Spring Boot jarの外部ファイル（画像など）から取得した

Question

アプリケーション内で利用する画像ファイルをjarファイルから外部化したいと考えています。

以下のURLの方法でpropertyファイルは外部化できましたが、画像ファイルを読み込んでもらえません。

https://qiita.com/greencoffeemaker/items/18b5bb938dbc5a4e21c0

<plugin>
　<groupId>org.apache.maven.plugins</groupId>
　<artifactId>maven-jar-plugin</artifactId>
　<configuration>
　　<archive>
　　　<manifest>
　　　　<mainClass>com.XXXXXXXXXX</mainClass>
　　　　<addClasspath>true</addClasspath>
　　　</manifest>
　　　<manifestEntries>
　　　　<Class-Path>./settings/</Class-Path>
　　　</manifestEntries>
　　</archive>
　</configuration>
</plugin>
<plugin>
　<groupId>org.apache.maven.plugins</groupId>
　<artifactId>maven-antrun-plugin</artifactId>
　<executions>
　　<execution>
　　　<phase>package</phase>
　　　<configuration>
　　　　<target>
　　　　　<!-- コピー: /src/main/resources => /target/settings -->
　　　　　<mkdir dir="${project.build.directory}/settings" />
　　　　　<copy todir="${project.build.directory}/settings">
　　　　　　<fileset dir="${project.basedir}/src/main/resources" />
　　　　　</copy>
　　　　</target>
　　　</configuration>
　　　<goals>
　　　　<goal>run</goal>
　　　</goals>
　　</execution>
　</executions>
</plugin>

プロジェクトのフォルダ構成
src/main/resources
├img ・・・画像フォルダ
├static ・・・js/cssなど
├templates ・・・HTMLファイル
└application.properties

ビルド後のフォルダ構成
target
├XXXX.jar
├settings
├img
├static
├templates
└application.properties

これで、Controllerからpropertyは取得できましたが、Thymeleaf内の画像を取得できません。

<img class="img-fluid d-block" src="img/logo.png">

404エラーとなり、http://〜/settings/img/logo.pngでも404エラーでした。
この場合、フォルダ構成がおかしいのでしょうか。

ご教示いただきたくお願いします。

Answer 1

imgディレクトリをstaticディレクトリに入れたうえで下記のような書き方になるのでは。

<img class="img-fluid d-block" th:src="@{/img/logo.png}">

Comments

[karin_77]

ありがとうございます！
しょうもないことでしたが、できました。
助かりました！！

[m.ts10806]

解決されたようで何よりです。
お作法的なところだと思うので、あまりしょうもないとは思いませんけど・・

[karin_77]

あ、すみません。。

上記について追記がありまして、この「img」フォルダには今後マスター画像が追加されていく予定です。
その際に、

ビルド後のフォルダ構成
target
├XXXX.jar
├settings
├static
　　　　　└img ← このフォルダに画像を追加していきたい
├templates
└application.properties

試しにビルド後にpngファイルを置いて、直接アクセスしてみましたが見れませんでした。

http:// 〜 /img/XX.png　404エラー

こういう使い方はできないのでしょうか・・・。

[m.ts10806]

はい。ブラウザの「ソースを表示」で確認してみると分かりますが、URLにプロジェクト名は挟みます。
ドキュメントルートですとかそのあたりの考え方になるので、
下記のような記事が参考になると思います。
https://qiita.com/kazuki43zoo/items/e12a72d4ac4de418ee37

[karin_77]

>はい。ブラウザの「ソースを表示」で確認してみると分かりますが、URLにプロジェクト名は挟みます。

これはどういうことでしょうか？

<manifestEntries>
<Class-Path>./settings/</Class-Path>
</manifestEntries>
→これでClassPassを設定しているのですが、jarファイルの外にあるファイルはこのClassPassが利用されていないということですか？
それとも、<img src="">には、単純に以下では無理で他のパスが必要ということでしょうか。。
　img/xx.png

[m.ts10806]

話が少しずつ広がっていっていますし、既にいったん解決になっているので、別質問にされてはと。

[karin_77]

そうします。ありがとうございます。