Q&A
Spring Boot + Thymeleafでリソース外の画像を表示したい
Spring BootとThymeleafでWebの勉強をしています。
ユーザーが画像を登録し、DBにはファイル名を保存し、Thymeleafにファイル名を渡し、<img th:src="@{~~~}">で表示するということをしたいのですがうまく表示されません。
いろいろなページを参考にし、以下のコンフィグクラスを作成しました。
WebMvcConfig.java
java
1@Configuration 2public class WebMvcConfig implements WebMvcConfigurer{ 3 @Override 4 public void addResourceHandlers(ResourceHandlerRegistry registry) { 5 registry.addResourceHandler("/images/**") 6 .addResourceLocations("/images/"); 7 } 8}
htmlファイル
html
1<body> 2これは商品閲覧ページ 3<div th:if="${product}"> 4 <table> 5 (省略) 6 </table> 7 <img th:src="@{${'/images/' + product.path}}" /> 8</div>
試したこと
D:/images/にringo.jpgをアップし、(アップする処理は普通にControllerで記述)
${product.path}がringo.jpgになるようにaddObjectし、
実際にアクセスし、htmlのソースを見たら
html
1<img src="/images/ringo.jpg">
となっているので
addResourceHandler("/images/**")と.addResourceLocations("/images/");が動作し、D:/images/apple.jpgが表示されると思ったのですが表示されません。
なにかこれ以外の設定がいるのでしょうか？
補足情報
Eclipse4.8、Spring Bootは2.0.3.RELEASEです。
回答1件
0
ベストアンサー
addResourceHandlersの引数である ResourceHandlerRegistry の使い方ですが、
- addResourceHandlerで、リクエストされるURLのパターンを決定し、
- addResourceLocationsで、実際のパスをURLで記述します。
例えば、/images/ 以下の任意のURLをリクエストされた場合に、特定のディレクトリにある画像をレスポンスするのであれば、
java
1registry.addResourceHandler("/images/**").addResourceLocations("file:///F:\capybara\");
のように記述します。
なお、implements WebMvcConfigurer だと全てのメソッドを実装しなければならなくなるので、
java
1@Configuration 2public class WebConfig extends WebMvcConfigurerAdapter { 3 4}
と継承をし、必要なメソッドのみオーバーライドするのが良いかと思いでしょう。
投稿2018/07/20 03:59
総合スコア12011
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/07/20 15:58