2016-12-20 82 views
-1

我試圖顯示位於桌面的文件夾中的圖像。我的問題是當我設置源圖像百里香或春季引擎追加localhost:8080到它的路徑。圖片來源錯誤Spring

<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 

我不知道如何從路徑中刪除localhost:8080,並使路徑爲絕對路徑。

+2

桌面並不是您想要在Spring應用程序中使用的圖像的正確位置。你最好把你的圖片放在一些* resource *文件夾中 – fantaghirocco

回答

1

你在做什麼並不是服務器應該如何工作。當你想從你的Web應用程序提供一些資源時,你需要將它提供給你的Web應用程序資源。這裏有一個簡單的例子,你如何解決它。

  1. 轉到文件夾src/main/resources並創建一個名爲static的文件夾。
  2. 在該文件夾下創建另一個名爲img並在裏面複製您的圖像。因此,我們將有現在這樣的事情:

    src 
        main 
         resources 
           static 
            img 
             yarnartjeans.jpg.jpg 
    
  3. 現在去你的thymeleaf HTML頁面,並使用該

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

現在你的HTML頁面加載正確的圖像

祝你好運