3
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

画像はアップロードされたのに、画面には表示されない!?

Posted at

困ったこと

Spring Bootを使って、画像をアップロードする。
アップロード直後は画像がHTML上に表示されず、30秒程待って画面をリフレッシュすると表示される。

画像のアップロード方法

画像ファイル -> /resource/static/images/配下
ファイル名(xxx-20200712151409.jpgなどのファイル名) -> DBに格納

# 解決方法

  1. ルートフォルダ直下にフォルダ(仮に、imagesとする)を作る
    今回は、RamenKingdomというルートフォルダの直下にimagesを作成しています。
    スクリーンショット 2020-07-12 15.17.29.png

  2. WebConfigurationクラス(仮に、AdditionalResourceWebConfigurationとする)を作成

@Configuration
public class AdditionalResourceWebConfiguration implements WebMvcConfigurer {

    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/images/**").addResourceLocations("file:images/");
    }
}

あとは、画像を格納していたコードをルートフォルダ直下のimagesに変更するだけ。
ただし、HTML上では、下記のようにする必要があります。


<img th:src="@{'/images/' + ${picture.filepath}}"/>

まとめ

今回のように動的に変化するファイルはstatic配下には格納しない!!!

以上です。最後まで読んでくださり、ありがとうございました。

3
4
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?