Squeak.ru - шаблоны программирования

Отображение логотипа в JSP

Я пытался отобразить изображение в моем файле JSP, но не могу это сделать правильно. Изображение находится в папке с именем "img", которая находится в том же каталоге, что и моя папка WEB-INF.

Внутри моего JSP я пытаюсь показать логотип, используя обычный HTML-способ поиска изображения, но я не могу понять это правильно. Это то, что я имею за попытку отобразить это. Чего я не понимаю, так это того, что когда я нахожусь в Dreamweaver, я вижу отображаемое изображение, но после развертывания меня там больше нет. У меня есть такая структура, как сервлет (это корневая папка и имя моего файла WAR), а под ней находятся папки img и WEB-INF.

Folders follow the hierarchy below:

servlet 
---->img
     --->psyberAssess.png
---->WEB-INF


Это код из JSP, который не работает:

<img src="img/psyberAssess.png" width="450" height="100" border="0" /><br>
java servlets jsp
18.05.2013

  • Добавьте контекстный путь к URL-адресу вашего изображения. 18.05.2013
  • Привет, KarthiKeyan, спасибо за ваш ответ, так что, если я вас правильно понял, что вы имеете в виду, у меня должен быть такой путь ${servlet.contextPath}/img/psyberAssess.png, где servlet - это имя моего файла войны? 18.05.2013
  • Это не работает, я попытался использовать сценарий jsp, подобный следующему, но изображение все равно не появилось ‹img src= ‹%=request.getContextPath()%›/img/psyberAssess.png width=450 height=100 border =0 alt=PsybersgateLogo /› 19.05.2013
  • Привет, @Raymond Nakampe, я проверил <%=request.getContextPath()%>/img/psyberAssess.png, он у меня работает. Пожалуйста, очистите кеш браузера и проверьте. 19.05.2013
  • По какой-то странной причине он продолжает не отображаться для меня, когда я использую его даже после очистки кеша. Из интереса, как вы структурировали свои папки? то есть в какое место вы поместили свой файл img? 19.05.2013
  • Привет, я загрузил свой образец в клон github и запустил его, используя mvn tomcat:run 19.05.2013

Ответы:


1

просто добавьте папку img в папку WEB-INF вместо другой папки.

19.05.2013

2

Изображения и другие ресурсы должны находиться вне папки WEB-INF, они должны быть организованы в папки в корневом каталоге вашего веб-приложения. Это связано с тем, что к папке WEB-INF и ее содержимому можно получить доступ только с сервера приложений.

Короче говоря, ваш проект должен иметь эту структуру (имена - это просто ссылка, вы можете назвать его, как хотите/предпочитаете)

Project Name
- webapp
  - resources
    - images
    - js
    - css
  - WEB-INF
    - lib (libraries used on the project go here ALWAYS)
18.05.2013
  • Привет, Луиджи, спасибо за ваш ответ, у меня его нет в папке WEB-INF, но они находятся в корневой папке с WEB-INF, т.е. у меня есть структура, подобная сервлету (это корневая папка и имя моего файла войны) а папки img и WEB-INF находятся под ним. 18.05.2013
  • @RaymondNakampe, пожалуйста, отредактируйте свой вопрос и добавьте туда соответствующий контент. 18.05.2013

    • 3

    Попробуйте это с тегом JSTL:

    <img src="<c:url value="/img/psyberAssess.png"/>" width="450" height="100" border="0" />
    19.05.2013
    Новые материалы
    Угловая структура архитектуры
    Обратите внимание, что эта статья устарела, я решил создать новую с лучшей структурой и с учетом автономных компонентов: https://medium.com/@marekpanti/angular-standalone-architecture-b645edd0d54a..
    «Данные, которые большинство людей используют для обучения своих моделей искусственного интеллекта, поставляются со встроенным…
    Первоначально опубликовано HalkTalks: https://hacktown.com.br/blog/blog/os-dados-que-a-maioria-das-pessoas-usa-para-treinar-seus-modelos-de-inteligencia-artificial- ja-vem-com-um-vies-embutido/..
    Сильный ИИ против слабого ИИ: различия парадигм искусственного интеллекта
    В последние годы изучению и развитию искусственного интеллекта (ИИ) уделяется большое внимание и прогресс. Сильный ИИ и Слабый ИИ — две основные парадигмы в области искусственного интеллекта...
    Правильный способ добавить Firebase в ваш проект React с помощью React Hooks
    React + Firebase - это мощная комбинация для быстрого и безопасного создания приложений, от проверки концепции до массового производства. Раньше (знаете, несколько месяцев назад) добавление..
    Создайте API с помощью Python FastAPI
    Создание API с помощью Python становится очень простым при использовании пакета FastAPI. После установки и импорта вы можете создать приложение FastAPI и указать несколько конечных точек. Каждой..
    Веселье с прокси-сервером JavaScript
    Прокси-серверы JavaScript — это чистый сахар, если вы хотите создать некоторую общую логику в своих приложениях, чтобы облегчить себе жизнь. Вот один пример: Связь клиент-сервер Мы..
    Получить бесплатный хостинг для разработчиков | Разместите свой сайт за несколько шагов 🔥
    Статические веб-сайты — это веб-страницы с фиксированным содержанием и его постоянным содержанием. Но теперь статические сайты также обрабатывают динамические данные с помощью API и запросов...