<p>I am trying to use an image in the below index.jsp file in a dynamic web project that I created in Eclipse Indigo IDE. I have added the image under WEB-INF/images/pict1.jpg under WebContent of my project folder. But when I am running in browser, the image is not visible. The text and submit buttons are coming as expected. Am I missing anything? Any idea about how to make the image appear?</p> <p>Any help will be appreciated. Below is the code.</p> <p>Thanks,</p> <p>Somnath</p> <pre class="prettyprint"><code><%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%> <%@ taglib uri="/WEB-INF/tld/c.tld" prefix="c" %> </code></pre> <p></p> <pre class="prettyprint"><code><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <c:import url="/WEB-INF/javascript/index.js" /> <title>My Page</title> </head> <body> <img alt="picture1" src="images/pict1.jpg"> <table border="0"> <tr><td valign="top"> <h1>Continue</h1></td><td><input type="submit"></td></tr> <tr><td valign="top"> <h1>Continue</h1></td><td><input type="submit"></td></tr> </table> </body> </html> </code></pre>

<p>The image 'src' attribute is relative to the context root of your web application. Images don't go in WEB-INF. Move the 'images' folder to the "WebContent" folder of your project.</p> <p>WEB-INF is usually reserved for metadata about your project that the container uses. Your application jsps and other resources are usually in folders relative to the WebContent folder.</p>

<p>According to this document from Oracle:</p> <blockquote> <p>The WEB-INF directory is not part of the public document tree of the application. No file contained in the WEB-INF directory can be served directly to a client by the container.</p> </blockquote> <p>Files contained in <code>WEB-INF</code> folder are not accessible by URL. If you're using Eclipse, put <code>pict1.jpg</code> image in <code>WebContent/images</code> so your JSP point to a valid location.</p>

JPG Image not appearing in JSP of dynamic web project

Tags:

javascript

eclipse

jsp

I am trying to use an image in the below index.jsp file in a dynamic web project that I created in Eclipse Indigo IDE. I have added the image under WEB-INF/images/pict1.jpg under WebContent of my project folder. But when I am running in browser, the image is not visible. The text and submit buttons are coming as expected. Am I missing anything? Any idea about how to make the image appear?

Any help will be appreciated. Below is the code.

Thanks,

Somnath

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<%@ taglib uri="/WEB-INF/tld/c.tld" prefix="c" %>

<html> 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<c:import url="/WEB-INF/javascript/index.js" />

<title>My Page</title>
</head>
<body>
<img alt="picture1" src="images/pict1.jpg">
<table border="0">
<tr><td valign="top">
<h1>Continue</h1></td><td><input type="submit"></td></tr>
<tr><td valign="top">
<h1>Continue</h1></td><td><input type="submit"></td></tr>
</table>

</body>
</html>

336

asked Apr 05 '12 02:04

somnathchakrabarti

2 Answers

The image 'src' attribute is relative to the context root of your web application. Images don't go in WEB-INF. Move the 'images' folder to the "WebContent" folder of your project.

WEB-INF is usually reserved for metadata about your project that the container uses. Your application jsps and other resources are usually in folders relative to the WebContent folder.

164

answered Oct 19 '22 19:10

Steve H.

According to this document from Oracle:

The WEB-INF directory is not part of the public document tree of the application. No file contained in the WEB-INF directory can be served directly to a client by the container.

Files contained in WEB-INF folder are not accessible by URL. If you're using Eclipse, put pict1.jpg image in WebContent/images so your JSP point to a valid location.

answered Oct 19 '22 18:10

Carlos Gavidia-Calderon

Related questions
                            
                                How can I have vertically fixed div element?
                            
                                Which is faster: if (var == 'value' ) OR if (/value/.test(var))
                            
                                Javascript confirm with PHP function afterward
                            
                                jQuery Format Time
                            
                                How do I take an array of strings and filter them?
                            
                                Sinon does not seem to spy for an event handler callback
                            
                                JS to detect browser width and height works in Chrome & Safari but not IE9 or FF9
                            
                                RegEx match two or more same character non-consecutive
                            
                                How to make background gradually change colors?
                            
                                How to fire an event after n seconds of maintained click? - jQuery/Javascript
                            
                                How to detect if browser is in the process of loading a new page
                            
                                Load images one after another in JavaScript
                            
                                How to correctly get the bounding box using LocationRect.fromLocations() when locations span 180th meridian?
                            
                                ASP.NET MVC3 Ajax.ActionLink - Conditional confirmation dialog box
                            
                                jQuery core methods vs utility methods [closed]
                            
                                Sharing objects and avoiding globals in node.js
                            
                                Issue Reversing Array of Objects with JS
                            
                                Getting an error when running the basic Express project
                            
                                Detecting whether an image is corrupted or broken
                            
                                Syntax error with jQuery append

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!

Donate Us With