CODEWITHSUNDEEP
htmljspspring-mvcservletsurl-pattern
user1701556
user1701556

Reputation: 47

Image not displayed on JSP page

I have a simple JSP page that has one image that is part of the JSP page but that image is not displayed when I view the webpage. I can view the webpage but it does not include the image.

I have my img folder located in several places because I am trying to fix this problem. Inside the img folder is where I have img.jpg image that should be displayed inside JSP page.

war/img/img.jpg

war/WEB-INF/jsp/img/img.jpg

I am also not able to view img.jpg directly from my web server. For example: //localhost:8080/register/img/img.jpg I get HTTP Status 404 -

Here is my web.xml file

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" id="WebApp_ID" version="2.5">
    <display-name>SpringExampleSanjeev</display-name>
    <servlet>
        <servlet-name>dispatcher</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <load-on-startup>1</load-on-startup>
    </servlet>

    <servlet-mapping>
        <servlet-name>dispatcher</servlet-name>
        <url-pattern>/</url-pattern>
        <url-pattern>/img/*</url-pattern>
    </servlet-mapping>

    <!-- Enable these types of content(files) to be viewed from webpage  -->
    <servlet-mapping>
        <servlet-name>default</servlet-name>
        <url-pattern>*.css</url-pattern>
    </servlet-mapping>

    <servlet-mapping>
        <servlet-name>default</servlet-name>
        <url-pattern>*.js</url-pattern>
    </servlet-mapping>

    <servlet-mapping>
        <servlet-name>default</servlet-name>
        <url-pattern>*.gif</url-pattern>
    </servlet-mapping>

    <servlet-mapping>
        <servlet-name>dispatcher</servlet-name>
        <url-pattern>*.jpg</url-pattern>
    </servlet-mapping>

    <servlet-mapping>
        <servlet-name>default</servlet-name>
        <url-pattern>*.png</url-pattern>
    </servlet-mapping>
</web-app>

Here is snippet of my JSP page

   <img border="0" src="/img/img.jpg" alt="header banner" width="304" height="228">
   <img src="<c:url value="/img/img.jpg" />" alt="TestDisplay"/>
   <img src="<c:url value='/img/img.jpg'/>" />
   <img alt="OS usage" src="/img/img.jpg">
   <img border="0" src="/WEB-INF/jsp/img/img.jpg" alt="header banner" width="304" height="228">
   <img border="0" src="/register/WEB-INF/jsp/img/img.jpg" alt="header banner" width="304" height="228">
   <img src="img.jpg">
   <img src="/img/img.jpg">
   <img src="/jsp/img/img.jpg">
   <img src="/register/jsp/img/img.jpg">
   <img src="/WEB-INF/jsp/img/img.jpg">
   <img src="/register/WEB-INF/jsp/img/img.jpg">

I am not sure what I am doing wrong. Putting an simple image on JSP page should not be this hard.

Upvotes: 2

Views: 27533

Answers (4)

Gemini Yato
Gemini Yato

Reputation: 1

I had the same problem and resolved it by creating an folder "resources" inside webapp and places my image there like this : src/main/webapp/resources/imagefolder/delete.png

And i called this image by using JSTL inside jsp page like this : <img src="<c:url value="/resources/Images/delete.png"/>" />

notice : i'm using in my project server Tomcat version 10.1.X spring framework version 6.1.5 Jakarta EE version 6.0.0 Hope this helps. :)

Upvotes: 0

Siya Matsakarn
Siya Matsakarn

Reputation: 427

<img src="<%=request.getContextPath()%>/img/img.jpg">

It works for me. Hope this helps.

Upvotes: 0

ayoub
ayoub

Reputation: 1

I had the same problem and resolved it by placing images in the server's directory structure as opposed to the portlet's. I'm using apache-tomcat and have it downloaded under:

C:\apache-tomcat-5.5.25\

In it there is a folder called "webapps" and I created a subfolder for my images there

C:\apache-tomcat-5.5.25\webapps\portal_content\img

From the portlet JSP (i.e. view.jsp) I refrence the image as such:

<"img src="/portal_content/img/my_image.gif">

Hope this helps.

Upvotes: 0

R Shah
R Shah

Reputation: 171

Please try with this.

images folder parallel to WEB-INF. (images folder should NOT be inside WEB-INF).

In JSP,

<img src="../images/img.jpg" alt=""/>

Upvotes: 1

Related Questions