Источник изображения неправильный Весна

Question

Я пытаюсь показать изображение, которое находится в папке на моем рабочем столе. Моя проблема заключается в том, что когда я устанавливаю источник для изображения тимелеафа или пружинного двигателя, добавляет 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 

Я не уверен, как удалить localhost: 8080 из пути и сделать путь абсолютным.

Answer 1

Что вы делаете, это не то, как сервер должен работать. Когда вы хотите сделать доступным какой-либо ресурс из своего веб-приложения, вам нужно его использовать в своих ресурсах веб-приложений. Вот краткий пример того, как вы могли это исправить.

1. Перейдите в папку src/main/resources и создайте папку под названием static.

2. Под этой папкой создайте еще один под названием img и внутри скопируйте свое изображение. Таким образом, мы бы что-то вроде этого сейчас:

   src 
       main 
        resources 
          static 
           img 
            yarnartjeans.jpg.jpg 
   

3. Теперь перейдите в HTML страницу thymeleaf и использовать этот

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

Теперь ваша страница HTML будет загрузить изображение правильно

Удачи