Go to Qiita Advent Calendar 2024 Top
LoginSignup
cfl1213141516
@cfl1213141516 (Sai HR)

Are you sure you want to delete the question?

If your question is resolved, you may close it.

Leaving a resolved question undeleted may help others!

We hope you find it useful!

JavaのgreadleプロジェクトのHTMLのIMG出力する方法教えてください。

Q&A

JavaHTMLgreadle

解決したいこと

vscodeでJavaのgreadle（jar）プロジェクトを作成してHTMLのIMGタグの画像を出力したいのです。

発生している問題・エラー

一般的にHTMLのIMGを出力したい場合は　<img src="***\***\***.png"> このように書きますが、
JavaのgreadleプロジェクトにHTMLファイル作成して<img src="***\***\***.png">ように書くと見つからないみたいです。
自分はvscode利用してプロジェクト作成しましたが、F12のconsoleにこのエラーが出っています。

解決方法教えてください。お願い致します。

F12のconsoleにこのエラー：

GET http://localhost:8080/src/main/resources/static/imgages/s.jpg 404

または、問題・エラーが起きている画像をここにドラッグアンドドロップ

該当するソースコード

<body>
    <div class="header-left">
        <img class="logo" src="src\main\resources\static\imgages\s.jpg" height="50", whith="50">
    </div>
</body>
0

1Answer

ishii_
@ishii_

HTMLファイルからの静的リソースは以下のように指定する必要があります。

/imgages/img1.jpg
/imgages/img2.jpg
ファイル設置例
プロジェクトルート
└ src
   └ main
      └ resources
         ├ static
         ｜ └ imgages
         ｜    └ img1.jpg 
         ｜
         └ public
         　 └ imgages
         　     └ img2.jpg
0Like

Comments

  1. @cfl1213141516

    Questioner

    解決できませんでした。
    geadleプロジェクトは静的ではないため一般できの書き方ではできないみたいです。
    同じHTMLファイルをgeadleプロジェクトから出して試してみましたが、問題なく画像の出力ができましたが、プロジェクトの中で出力することはできませんでした。
    なんの設定が必要の感じです。

Your answer might help someone💌

LoginSign Up