Image not showing in JSP?

Question

I do have simple JSP web page, but it's not displaying an image

This is my JSP page where it will fetch the image from pics folder under web content

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
  </head>
  <body>

     <img width = "80" src="${pageContext.request.contextPath}/pics/">
  </body>
</html>

But the page looks like this

score 0 · Answer 1 · answered Jun 09 '18 at 10:45

First Try an output with ${pageContext.request.contextPath}: make sure its where you expect the /pics/ folder to be

Next de path should mapped correctly: for example in de context.xml in tomcat

<Context path="/media/pics" docBase="C:/data/pics" debug="0" privileged="true">
</Context>

Extra tip: Have a look at Mapping a directory outside the web-app to URL in TOMCAT

Always have your media files separated outside your tomcat folder

score 0 · Accepted Answer · answered Jun 09 '18 at 18:42

0

Your code should somewhat be like

<img width = "80%" src="${pageContext.request.contextPath}/pics/imagename.jpg">

File name is necessary and change 80 to 80% because your image might be too big and might just display a part of it

Also make sure

${pageContext.request.contextPath}

is not empty

And to be absolutely sure

<img width = "80%" src="check_with_original_directory/pics/imagename.jpg">

answered Jun 09 '18 at 18:42

kowsikbabu

499
1
6
23

`${pageContext.request.contextPath}` , how to check this path is empty or not – Karamzov Jun 09 '18 at 19:22
Just print it on your screen to verify at first – kowsikbabu Jun 09 '18 at 19:24
its printing /gallerywar – Karamzov Jun 09 '18 at 19:30
If it's the directory you're looking for, then well and good! – kowsikbabu Jun 09 '18 at 19:31
gallery war is my project name and main directory – Karamzov Jun 09 '18 at 19:33
Yeah, that's the correct directory, hope you have your images at "gallery war/pics/" – kowsikbabu Jun 09 '18 at 19:35
there is four pics and is there anything i am missing – Karamzov Jun 09 '18 at 19:37
First try to display one of your images using `` – kowsikbabu Jun 09 '18 at 19:39
80% means it'll cover 80% width of your screen, to include all 4 you're going to have to adjust the width as applicable – kowsikbabu Jun 09 '18 at 19:41
single image is displaying now, how to display all the four images at a time – Karamzov Jun 09 '18 at 20:17

Image not showing in JSP?

2 Answers2