画像ソースが間違っています。春

Question

私のデスクトップのフォルダにある画像を表示しようとしています。私の問題は、私がthymeleafまたはspring engineのイメージをソースに設定して、localhost：8080をそのパスに追加するときです。

<img alt="" src="/Users/abdullahtellioglu/Desktop/ZambakResimler/yarnartjeans.jpg"> 

これは画像パスです。私もこれを試しました。

<a href="product_detail.html"><img th:src="@{/Users/abdullahtellioglu/Desktop/ZambakResimler/yarnartjeans.jpg}" alt="" /></a> 

どちらも私に次のような経路を与えます。

http://localhost:8080/Users/abdullahtellioglu/Desktop/ZambakResimler/yarnartjeans.jpg 

パスからローカルホスト：8080を削除してパスを絶対パスにする方法がわかりません。

Answer 1

あなたは何をしていますかは、サーバーの仕組みではありません。 Webappからリソースを利用できるようにしたいときは、Webアプリケーションリソースに必要なリソースが必要です。ここでは、それをどのように修正できるかの簡単な例を示します。

1. src/main/resourcesフォルダに移動し、staticという名前のフォルダを作成します。

2. このフォルダの下にimgという名前の別のフォルダを作成し、画像をコピーします。だから我々は今、このようなものを持っているでしょう：

   src 
       main 
        resources 
          static 
           img 
            yarnartjeans.jpg.jpg 
   

3. 今すぐあなたのHTMLページが正しく

   をあなたのイメージをロードしますあなたのthymeleafのHTMLページに移動し、この

   <a href="product_detail.html"> 
       <img th:src="@{/img/yarnartjeans.jpg}" alt=""/> 
   </a> 
   

を使用します幸運