0

Хочу поставить картинку на странице сайта. Картинка лежит в той же папке, где и HTML-шаблон, в котором нужно картинку отобразить.

Как я добавляю картинку

<img src="logo.png">

Сервер написан на Java, Фреймворк Spring.

Проблема

При загрузке сайта выходит не нужная картинка, а значок ошибки картинки.При нажатии на этот значок правой кнопкой мыши, и выбора пункта "открыть картинку в новой вкладке", открывается новая вкладка, и путь к картинке указан не тот, что мне нужен, а к домену моего сайта через слэш добавляется название картинки.

Вопрос

Как сделать так, чтобы картинка не искалась по ссылке к моему сайту, а искалась как файл, который находится внутри папки с кодом сайта?

5
  • 1
    "HTML-шаблон" - это что значит? Какой адрес в браузере, когда в нем открыта страница?
    – user176262
    23 июн 2020 в 19:56
  • HTML шаблон - это файл с HTML, который показывается при переходе по ссылке. Когда открыта страница в браузере, адрес localhost:8080, а когда нажимаю открыть картинку в новой вкладке localhost:8080/logo.png
    – Иван
    23 июн 2020 в 20:06
  • какой сервер используется?
    – Grundy
    23 июн 2020 в 20:15
  • @Grundy Используется сервер на Java с фреймворком Spring.
    – Иван
    23 июн 2020 в 20:17
  • в spring настраивается доступ к статическим ресурсам.
    – Grundy
    23 июн 2020 в 20:29

2 ответа 2

2

На самом деле тот путь, который указан в src мало связан с путем на диске. Если Вы используете Spring, то, там реализована модель MVC, т.е. для каждого запроса существует контроллер, который его обрабатывает.

Когда Вы, например, обращаетесь к URL страницы, спринг использует специальный механизм, называемый реквест маппингом, который определяет, какой контроллер будет обрабатывать запрос.

То же и с ресурсами. Ваш <img src="logo.png"> означает, что браузер отправит запрос на вебсервер в котором путь отсчитывается от корня базового урла (в Вашем случае - домена). Механизм маппинга попробует найти подходящий контроллер, для такого запроса.

Подводя итог, Вам надо сконфигурировать такой маппинг, который направит запрос на контроллер, отвечающий за выдачу картинок. Этот контроллер уже прочитает файл из того места, откуда Вы ему скажете, и вернет его браузеру. Из той же папки где лежит шаблон или из любой другой.

0

Создать директорию "static" внутри директории "resources", положить в директорию "static" нужную картинку.

Далее, вместо <img src="logo.png"> использовать <img src="/logo.png" alt="">

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.