我正在使用Spring Boot和Thymeleaf制作一個體育電子商務網站,在產品索引頁和某一產品的編輯頁中,我無法查看產品的圖片。這是編輯產品頁面(在Chrome上檢查)的樣子
下面是編輯產品的HTML代碼。當前圖片下面的一行是對編輯和索引都產生錯誤的一行。
。<div class="form-group"> /span>
<label for="">/span>圖片。 </label>影像:</label>
< input type="file" class="form-control" th: name="file" th:id="file">
< img class="mt-2"/span> src="#" alt=" id="imgPreview1">
<br><br>
<label for="">/span>當前影像。 </label>當前影像:</label>
<img style="width: 100px;" th:src="@{'media/' ${product. image}}">
</div>/span>
<iframe name="sif1" sandbox="allow-forms allow-modals allow-scripts" class="snippet-box-edit snippet-box-result" frameborder="0"></iframe>
我從 src/main/resources/static/media 的媒體檔案夾中獲取圖片,并從資料庫中獲取產品名稱。從資料庫中獲取圖片檔案的名稱時沒有錯誤。這看起來像是一個路徑錯誤,但我似乎無法弄清楚。
uj5u.com熱心網友回復:
在spring boot中,頁面是在 "templates "檔案夾下搜索的,資源默認是在 "static "檔案夾下映射的。要訪問靜態檔案夾下的影像檔案,請嘗試
/image-path/image.ext
例如,我在靜態下有一個src檔案夾,它有一些圖片,logo.png,然后,
/src/logo.png
uj5u.com熱心網友回復:
你的HTML或JSP頁面總是在.../resources/templates/,你的影像路徑是.../resources/static/media/。要從static檔案夾中獲取圖片,你需要使用.../從templates檔案夾中回傳到media檔案夾并獲取圖片...
改變:
./resources/static/media/liverpool_21_22_home_kit.jpg
致:
./media/liverpool_21_22_home_kit.jpg
轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/326137.html
標籤:
