Spring MVC Webapp on OpneShift - how can I display .jpg image from JSP?

[bee juth]

I am trying to deploy a Webapp in Java using Spring MVC on OpenShift cloud server (using JBoss & MySQL cartridges). While I am able push my code and retrieve data from MySQL database, I am unable to access/display images in my JSP pages.

Images are stored in MyProject/resources/images/ folder (MyProject/resources/images/stockmarket.jpg)

My controller-servlet.xml file looks like this:

<?xml version="1.0" encoding="UTF-8"?>

<beans xmlns="http://www.springframework.org/schema/beans"
   xmlns:ctx="http://www.springframework.org/schema/context"
   xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
   xmlns:mvc="http://www.springframework.org/schema/mvc"
   xsi:schemaLocation="http://www.springframework.org/schema/beans     
   http://www.springframework.org/schema/beans/spring-beans.xsd
   http://www.springframework.org/schema/mvc
   http://www.springframework.org/schema/mvc/spring-mvc.xsd
   http://www.springframework.org/schema/context 
   http://www.springframework.org/schema/context/spring-context.xsd">

   <ctx:annotation-config></ctx:annotation-config>
   <ctx:component-scan base-package="com.ratestockadvice.controller"></ctx:component-scan>

   <bean
        class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="prefix" value="/WEB-INF/views/" />
        <property name="suffix" value=".jsp" />
    </bean>

    <mvc:annotation-driven />    
    <mvc:resources mapping="/resources/**" location="/resources/" />

</beans>

In my JSP, this is how I try to access the image file:

<img src="/resources/stockmarket.jpg" />

However, in my webpage the image does not show-up. Can anyone please help? Where am I making a mistake? Rest of the functionality in my Webapp is working fine.

[Stefan Evans]

What URL do you use to access your web application?
What is the URL that the broken image is using to look up the image? (You can find out using the Browser F12 developer tools, or just viewing source on the generated page)
What URL should it be using?  Can you fiddle around with the URL manually to load the image successfully?


Couple of things I think might be contributing here:
You say your image is at:  MyProject/resources/images/stockmarket.jpg
But then you try and reference it with:  /resources/stockmarket.jpg

What happened to "MyProject" ?
What happened to "/images" ?

The image is using an absolute URI - it starts with "/", so will look for the picture from the root of the webserver.
Most probably your URL needs to include the servlet context value

However most probably, the correct url to be looking is at "/MyProject/resources
The context root for a web application is dynamic (normally based on the name of the war file)
The standard way of doing this is to
- Include an expression in the image url to the servlet context into the URL
- use a JSP/JSTL tag to convert a url for you (looks slightly tidier)

i.e.:

<img src="${pageContext.request.contextPath}/resources/stockmarket.jpg" />

or

<c:url var="imageUrl" value= "/resources/stockmarket.jps"/>
<img src="${imageUrl}" />