JSP+Struts - Affichage d'une image

Version imprimable

Bonjour à tous,
Ca doit etre un probleme tout bete mais j'ai deja essayé plein de manières differentes pour afficher une image, mais je n'obtiens toujours rien... L'image ne s'affiche pas. (carré blanc et crois rouge)
Quelqu'un peut me filer un coup de main ??
Merci

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" %>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" %>
<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic" %>
 
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
 
<html:html>
<head>
	<title>Essaie avec objet Java</title>
</head>
<body>
 
	<h2>On liste les articles suivants du catalogue5:</h2>
	<html:img src="/view/header.gif" width="714" height="74"/>
	<CENTER><img src="<%=request.getContextPath()%>/view/header.gif" width="714" height="74"><br></CENTER>
	<CENTER><img page="header.gif" width="714" height="74"><br></CENTER>
	<logic:present name="allMyArticles">
		<logic:iterate id="art" name="allMyArticles">
			<bean:write name="art" property ="id"/><br>
			<bean:write name="art" property ="nom"/><br>
			<bean:write name="art" property ="desc"/><br>
			<bean:write name="art" property ="prixHT"/><br>
		</logic:iterate>
	</logic:present>
 
</body>
 
</html:html>

04/07/2007, 16h09
R1pToR

T'a essayé de rajouter la propriété alt à chacune de tes images ?

Parce qu'a priori je ne vois que ça ...
04/07/2007, 16h15
PtiFilou

J'ai bien mis la positionné la propriété alt mais toujours rien, j'ai maintenant le texte alternatif. L'image ne s'affiche pas et j'ai bien le bon chemin, je ne suis pas fou !!
04/07/2007, 16h25
R1pToR

Peut-être qu'il ne le trouve pas :?

Pourquoi ne mettrais-tu pas également le request.getContextPath() devant le html:img ?
04/07/2007, 16h50
PtiFilou

Le struts en veut pas ...
J' ai essayé de plusieurs manières...
Je comprends vraiment pas, y'a un truc qui m'échappe parce que vraiment c'est simple, normalement ...
04/07/2007, 17h00
c_nvy

Essaie sans le / devant view :

Code:

<html:img src="view/header.gif" width="714" height="74"/>

il faut évidemment que le répertoire view soit à la racine du projet.
04/07/2007, 17h08
PtiFilou

Citation:

Envoyé par c_nvy

Essaie sans le / devant view :

Code:

<html:img src="view/header.gif" width="714" height="74"/>

il faut évidemment que le répertoire view soit à la racine du projet.

Le struts/jsp n'apprécie pas davantage cette solution...
J'ai toujours mon carré banc avec ma crois rouge lol
04/07/2007, 17h20
c_nvy

Où est le répertoire view ? Peux-tu montrer l'arborescence du projet ?

Sinon, tu peux aussi tester en ajoutant le tag suivant dans la balise <head> :

Code:

<html:base/>
04/07/2007, 17h48
PtiFilou

Merci mais le tag <html:base/ ne change rien>

Voila l'arbo de l'appli

mon_appli
|
--- view
| |
| --- mes pages .jsp et mes images .gif
|
--- WEB-INF

Merci
05/07/2007, 08h21
R1pToR

Essaye de mettre : /mon_appli/view/header.gif

Pour moi ça a été le cas.
05/07/2007, 08h54
OButterlin
D'après l'arborescence, la méthode
Code:

1 2 src="<%=request.getContextPath()%>/view/header.gif"
est OK
Si ça ne fonctionne pas, vérifie les majuscules/minuscules, un système unix ou linux est sensible à ça
(Tu utilises quoi ?)
05/07/2007, 09h38
PtiFilou

J'ai bien respecté les majuscules/minuscules mais j'ai toujours mon carré blanc avec croix rouge...
J'ai essayé vos deux méthodes mais rien.
Mon problème persiste, j'y comprend plus rien
05/07/2007, 09h39
PtiFilou

J'ai oublié de préciser, je suis sous windows XP, travail oblige ...:oops:
05/07/2007, 10h03
R1pToR

Là j'avoue ... je sèche ... :?
05/07/2007, 10h58
OButterlin

1) Peux-tu montrer le code de la page actuelle ?
2) Ton image est bien visible dans Explorer (elle n'est pas corrompue) ?

Citation:

Envoyé par OButterlin

1) Peux-tu montrer le code de la page actuelle ?
2) Ton image est bien visible dans Explorer (elle n'est pas corrompue) ?

1/ Voila le code de la page, j'ai essayé d'ouvrir l'image de plusieurs manières c'est pour ca que c'est répété.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" %>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" %>
<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic" %>
 
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
 
<html:html>
<head>
	<title>Essaie avec objet Java</title>
	<html:base/>
</head>
<body>
 
	<h2>On liste les articles suivants du catalogue20:</h2>
	<html:img src="/im.gif" width="714" height="74"/>
	<CENTER><img src="<%=request.getContextPath()%>/view/im.gif" width="714" height="74"><br></CENTER>
	<CENTER><img page="im.gif" width="714" height="74"><br></CENTER>
	<logic:present name="allMyArticles">
		<p>Liste:</p>
		<logic:iterate id="art" name="allMyArticles">
			<bean:write name="art" property ="id"/><br>
			<bean:write name="art" property ="nom"/><br>
			<bean:write name="art" property ="desc"/><br>
			<bean:write name="art" property ="prixHT"/><br>
		</logic:iterate>
	</logic:present>
 
</body>
 
</html:html>

2/ Le gif n'est pas corrompu, j'arrive a bien l'ouvrir, y'a pas de souci.

Merci de ton aide

05/07/2007, 11h34
OButterlin
Bon, la bonne définition est la 2...
Voilà comment devrait être la structure du projet eclipse correspondant :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 nomProjet ...src ......package1 .........java1 WebContent ...WEB-INF ......lib ......classes ...view ......im.gif ......page1.jsp (par exemple) ...page2.jsp etc...
On est d'accord ?
05/07/2007, 11h39
dali20022

il faut que view soit sous WebWontent
05/07/2007, 12h19
PtiFilou

Je ne travail pas avec eclipse.

Je suis sous tomcat 5.5 et mon arbo est la suivante :

webapps
.....mon_aplli
..........WEB-INF
...............classes
...............lib
..........view
...............ma_page.jsp
...............mon_image.gif

Merci
05/07/2007, 13h29
OButterlin

Si c'est ma_page.jsp qui fait référence à mon_image.gif, tu porrais la référencer par son nom uniquement (mais la solution <%=request.getContextPath()%>/... reste la meilleur)

Est-ce que ta page contient une balise <base> par hasard ?
05/07/2007, 14h03
PtiFilou

Oui j'en ai une comme tu peux le voir dans le code en haut de la page.
Ca change quelque chose?
05/07/2007, 16h19
OButterlin

Oui, les chemins sont interprétés relativement à cet endroit... (du moins ils peuvent l'être)

Essaye de l'enlever pour vérifier...
05/07/2007, 16h30
PtiFilou

Je viens de l'enlever, toujours pareil.
C'est une histoire à dormir debout, je comprend vraiment pas.
Est ce que ca peut etre un problème lié au navigateur web?
J'ai Internet Explorer au boulot.
05/07/2007, 16h31
c_nvy

Tes jsp et tes images étant dans le même répertoire, ceci devrait fonctionner :

Code:

<html:img src="im.gif" width="714" height="74"/>
05/07/2007, 16h58
PtiFilou

non ca ne marche pas...
J'avais déja essayé, ainsi que tout un tas de combinaisons ...
Je sèche ...:?
05/07/2007, 16h59
OButterlin

Citation:

Envoyé par c_nvy

Tes jsp et tes images étant dans le même répertoire, ceci devrait fonctionner :

Code:

<html:img src="im.gif" width="714" height="74"/>

Il l'avait déjà testé (cas 3)...
Perso, je ne vois pas, ça devrait fonctionner et pourtant...

Essaye (à tout hasard, mais je n'y crois pas trop) de vider le cache du navigateur (à proplème à la c.., solution à la hauteur :aie:)
05/07/2007, 17h00
c_nvy

Citation:

Envoyé par OButterlin

Il l'avait déjà testé (cas 3)...

Désolée mais le cas 3, c'était avec un tag html img et non un tag Struts img.;)

Mais bon, moi aussi je sèche.:oops:
05/07/2007, 17h14
PtiFilou

Comment vider le cache du navigateur ??

En tout cas, merci pour votre aide !!
05/07/2007, 20h57
c_nvy
J'ai fait un test chez moi et ces 4 cas fonctionnent, avec ou sans tag <html:base/> dans la balise <head> :
Code:

1 2 3 4 <html:img src="monImage.gif"/> <html:img page="/view/monImage.gif"/> <img src="monImage.gif"/> <img src="<%=request.getContextPath()%>/view/monImage.gif"/>
l'image et la jsp étant toutes les deux sous le répertoire view, view étant à la racine de l'application comme toi.

et le code html généré pour les 4 :
Code:

1 2 3 4 <img src="monImage.gif"> <img src="/MonAppli/view/monImage.gif"> <img src="monImage.gif"/> <img src="/MonAppli/view/monImage.gif"/>
Dans ce test, la jsp est appelée directement. L'url est donc du style :
http://localhost:8080/MonAppli/view/maJsp.jsp

Par contre, dans le cas où la jsp est appelée par une Action et donc que l'url est la suivante :http://localhost:8080/MonAppli/monAction.do.
Sans le tag <html:base/> dans la balise <head>, seuls les cas 2 et 4 fonctionnent.
Avec le tag <html:base/> les 4 fonctionnent.

Pour que les 4 fonctionnent sans tag <html:base/>, j'ai codé ceci :
Code:

1 2 3 4 <html:img src="view/monImage.gif"/> <html:img page="/view/monImage.gif"/> <img src="view/monImage.gif"/> <img src="<%=request.getContextPath()%>/view/monImage.gif"/>
J'espère qu'avec ceci, tu trouveras une solution qui fonctionne.;)
06/07/2007, 08h35
OButterlin

Citation:

Envoyé par PtiFilou

Comment vider le cache du navigateur ??

Dans IE, Outils -> Options Internet (onglet Général) + bouton Supprimer les fichiers -> Cocher Supprimer tout le contenu hors connexion
06/07/2007, 10h09
PtiFilou

C'est bon j'ai trouvé !!!
Jme disais bien que j'étais pas fou!
Nous avions tout bon depuis le début, mais ma première image (19Ko) était apparemment trop importante pour lui !
Je l'ai changé par une image de 2-3 Ko et toutes nos solutions ont bien marché!
Ma première image s'affichait pourtant bien dans l'aperçu Windows et n'était pas corrompue ...

En tout cas, merci de votre aide à tous et de votre investissement !!!
Développez.com ca déchire, continuez comme ca ;-) :yaisse2:

A+++
09/07/2007, 11h34
La Goule

Salut,

J'ai exactement le meme problème, et j'ai essayé toutes les solutions proposées, mais aucunes d'elle marche.
Si tu as trouvé une solution je suis preneuse.
Moi quand je teste mes vues (juste le html afficher dans IE), tout marche bien, c'est quand la page jsp est interprété que ça marche plus. Pourtant les images contenu dans les css (avec background:url(images/...)) s'affichent bien.
C'est juste la balise <img qui a un pb.
09/07/2007, 11h42
c_nvy

Il serait mieux d'ouvrir une nouvelle discussion et exposer clairement ton cas avec le code de la jsp, l'arborescence du projet pour montrer où se trouve le gif par rapport à la jsp et préciser si la jsp est appelée directement ou via une Action.;)
27/08/2010, 12h56
gotteserbin
Moi, j'aimerais afficher une image depuis un fichier css, voici un exemple de code:
Code:

1 2 3 4 .top{ background: url(/images/top_ga.png) no-repeat; height: 100%; }
ensuite je mets dans le td: class="top" . Rien ne s'affiche, je ne comprends plus rien. Je travaille sur Netbeans 6.9.

Merci de me répondre si vous avez une idée.
01/09/2010, 09h50
gotteserbin

Bonjour,

Quelqu'un aurait-il finalement trouvé la solution ?
02/09/2010, 09h39
gotteserbin
J'ai finalement trouvé la réponse. C'était un peu bête. Je le mets si ça peut aider quelqu'un plus tard.
Code:

1 2 3 4 .top{ background: url(../images/top_ga.png) no-repeat; height: 100%; }