Image is not getting displayed in web application html page

[Nancy Antony]

Hi Ranchers,

I created a web application using eclipse and jboss.

I created a simple html page to display image. I stored .html file and .jpg file in webcontent and wrote this code

  <img src="flowers.jpg"></img>  

when I run the application thru server i.e. run on server, text on the page gets displayed but there is no image displayed.

where to place the images and how to refer it in html.

Regards,
Nancy

[Gokul Nanthakumar]

are you following the proper syntax like

   

<img src="file.gif" alt="alt text" />

 

you have to give the proper path for the image also.

[Nicola Garofalo]

the source of your img tag could follow the following pattern

/webapp-context-root/img-folder/your-image.jpg

What is the source of your image tag, and what is the context-root of your web application?

[Nancy Antony]

Hi Nicola,

My context path is /JSLab. I created an images folder in JSLab and placed my .jpg file there.
and I tried <img src=/JSLab/images/flowers3.jpg"></img> But its not diplaying.

What changes I need to make?

Regards,
Nancy

[Nicola Garofalo]

Hi Nancy,
unfortunately i don't have any other answers. What i wrote is a common server-relative url, and it should work.

The only thing i can suggest you is to verify the names of your folder, file, context path, and the letters case,
For example in your post there's a syntax error

<img src=/JSLab/images/flowers3.jpg"></img>

Write your line as follows:

<img src="/JSLab/images/flowers3.jpg"></img>

Did you create your images folder under your webcontent folder, didn't you?

Did you rebuild your project after the changes you made to your path?

Hope it helps.

[Bear Bibeault]

Server-relative URLs are the only way to go and will work if the syntax is correct and the folder layout is as you say.

What URL works to display the image directly in the browser?

Also, be sure not to hard-code the context path. Obtain it programmatically. This is covered in the JSP FAQ.

[Ernesto Chicas]

try jstl

<img src="<c:url value='/images/Exit.png' />"  alt="exit" />

JSTL

[Nancy Antony]

Thanks All. I'll try.

[Srihitha xyz]

I am facing same problem. None of the suggestion worked for me. Someone let me know if any other solution worked

[Bear Bibeault]

Have you followed the instructions in the JSP FAQ for creating server-relative URLs that start with the context path?

If so, you'll need to show your work so we're not just guessing.