Afficher une image

**minooo** · 25/05/2011, 15h29

salut tout le monde
j'ai essayé d'affiché image sur la page jsf mais rien n'est affiché

voila le code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
 <div  >
 
  <h:graphicImage value="D:\regarder\src\icons\login.png" style="width: 766px; height: 118px; border: thin solid black"  /> 
  </div>

**DevServlet** · 26/05/2011, 09h42

Envoyé par minooo

salut tout le monde
j'ai essayé d'affiché image sur la page jsf mais rien n'est affiché

voila le code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 <div  >
 
  <h:graphicImage value="D:\\regarder\\src\\icons\\login.png" style="width: 766px; height: 118px; border: thin solid black"  /> 
  </div>

Essaie avec les doubles slash, je sais pas si ca marchera, mais même si ca marche c'est une très mauvaise pratique, source de beaucoup d'erreur, tes images doivent être embarqués dans ta webapp. et je crois d'ailleurs que c'est du relatif la valeur attendue dans ton composant graphicImage. Si ca marche pas tu regarde le code source généré et tu vois le chemin généré par ton framework.

**romaintaz** · 26/05/2011, 10h26

C'est clairement une mauvaise pratique de pointer vers des ressources qui ne sont pas embarquées dans ton WAR.

**clubist** · 26/05/2011, 13h40

Basant sur The Best Practise, vous veuillez créer un répertoire nommé "icone" ou "image" sous le WebContent dans lequelle vous mettez vos icones.

et le path de l'icne sera comme ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<h:graphicImage value="/image/nom_icone.jpg"/>

**minooo** · 26/05/2011, 19h52

Envoyé par clubist

Basant sur The Best Practise, vous veuillez créer un répertoire nommé "icone" ou "image" sous le WebContent dans lequelle vous mettez vos icones.

et le path de l'icne sera comme ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<h:graphicImage value="/image/nom_icone.jpg"/>

mais toujours page vide

<h:graphicImage value="/image/1.jpg"/>

pourquoi !!

**DevServlet** · 27/05/2011, 09h06

Pour une 2e fois peux tu regarder dans le code source généré par la page le chemin final?

**minooo** · 27/05/2011, 15h44

Envoyé par DevServlet

Pour une 2e fois peux tu regarder dans le code source généré par la page le chemin final?

mais comment voir je t'ai pas compris

**afroman** · 27/05/2011, 18h41

Envoyé par minooo

mais comment voir je t'ai pas compris

En utilisant ton navigateur(Mozilla, chrome ou opera), tu dois bel et bien avoir une option pour voir le code html généré par ta page.
Mais bon, tu te rendra vite compte que ton dossier images ne se trouve pas dans le path.

**DevServlet** · 27/05/2011, 19h40

Envoyé par minooo

mais comment voir je t'ai pas compris

Clic droit==> code source html sur la page en question.

**minooo** · 27/05/2011, 19h45

oui mais comment ajouter image sur le source et afficher mais si je tape le lien rien n'est affiché http://localhost:8080/test/stage.jsf

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
31
32
33
34
35
36
37
 
 
 
 
<!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=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
 
	<form id="_id0" method="post" action="/test/stage.jsf" enctype="application/x-www-form-urlencoded">
 
 
		<label>
salut</label>
 
	<img id="_id0:waveImg" src="/test/image/1.jpg" alt="" />
 
 
 
 
	<input type="hidden" name="com.sun.faces.VIEW" id="com.sun.faces.VIEW" value="H4sIAAAAAAAAAIWTzW7TQBDHJ25C0lKhtKXloyAFwQVQnfZKD9BPaslNUJoWBId062wSR4697K5jl0MFb8CFA1IRL8BLIA6cQAKJC88AnIELzDqJE5XQ7mE0u56Z/c/Ps2++Q0pwyFleSxe+q9eIRYXuS9vRy5zSLcl9S/qcnq3Nrl56sZvTIGlCxmrYTpVTV8K02SRtklcJ+SXOyb5pC7lowqjlECEKpEUlTHZiHOLW81jQdusYcErdJIWEqYEKG0Q0NgnDz5pdfQwHoIUM1U2piI6o+I7w2efLL9+TVyOQMCAp7Cc0ZACQCJJox4RKhsimcK8NnjIJN1TBsNssts48F5vRG7Ll6Btoir5kvjTJHnUwOlmxqwtx7s0Tcu9ywhq2ZbRInWJ4OiBtarTqoYSrJ2Sue7zVvW4ew3PDw7eNHZsGJc+TjPnI5lHET1d09eJek1py8fnHB6+z4rqjAURQNF+Jn0QvGXsZ5DrR59oln0p/fftuZvfTCGjrMOZ4pLpOLOlxA0Zlg1PR8JxqyG7fAbXGgwzarKIu4dqg2oDuEcb0le1Saa1QruwYa/crpWKxrC4/HzLG4ssj2cue51Difsjxp18Of//QIPEQUm3i+PhPExH4C8CQzNhGedOsLC9tGSu4yQuJiPWmUNWy/VZMzyIOPfg5sXs4/+sbDqwBmQa2Z3lVakLa8nxX8v1ounCUlQAf63T36TbhNnFld/j+4JKgLa+hqXEJEPNLxF6f7swAXeXNDAOVGwaquHmvWFCojNWto1OrtqeVOROGvfFQ26wyF5WZlZ3+e1WjQWKK2BWs7tgWkbbn5sO5IAjmavhxzucOdRWQKju6hvTV96Zjb+TEXkGpHVVqb6kHFLfRkzwxKLnz1jAhJfC/y39UDQqDIcLODTk7Vth4JKz7OCO6/9XWe8rjeVt5+QW9yeooKIqNzDFa/wI9RQv1YQUAAA==" /><input type="hidden" name="_id0" value="_id0" />
<script type="text/javascript"> 
<!--
function clearFormHiddenParams__id0(curFormName) {
  var curForm = document.forms[curFormName];
}
//-->
</script>
</form>
 
 
 
</body>
</html>

et code source de la page

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
 
 <%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="f"  uri="http://java.sun.com/jsf/core"%>
<%@ taglib prefix="h"  uri="http://java.sun.com/jsf/html"%>
<!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=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<f:view>
	<h:form>
 
		<h:outputLabel value="salut"></h:outputLabel>
 
	<h:graphicImage id="waveImg" url="/image/1.jpg" />
 
 
 
 
	</h:form>
 
 
	 </f:view>
</body>
</html>

**minooo** · 28/05/2011, 00h26

meme sur navigateur l'image n'affiche pas pourquoi malgré le chemin est statique

l'image s'affiche que sur navigateur clipse
la source

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
  <html>
  <body>
  <form id="_id0" method="post" action="/test/stage.jsf" enctype="application/x-www-form-urlencoded">
 
  <img id="_id0:carImage" src="D:\apache\wtpwebapps\test\image\1.JPG" style="height: 231px; width: 405px" alt="" />
  <input type="hidden" name="com.sun.faces.VIEW" id="com.sun.faces.VIEW" value="H4sIAAAAAAAAAIWTTU/UQBjHny27sqBEEAETNKlRDsbQBV8uy0F5p6awZFnQ6CbL0M5uh3TbcWZKiwei38CLBxOMX8AvYTx40kQTL34G9axedKb7wkpWncOTZ9pnnvn/f3366itkOAPdDuoGD32jimzMjVAQzygxjDcEC20RMny2Or5w/tm2rkHagqztEs9h2BcwYu2iPZRTB3KzjKF9i3AxY0Gf7SHO11AdCzjTqPGQX8vJhsSvyYIT6ibBBQx3dFhB3F1FVL7WiPMQDkCLqVQ3rCoaotp3xE8+Xnj+Fr3ogZQJaU4e4ZgCQCpKy9jP1WFIYub4UyrgqmoYN81K6zTwpRnDFXXPWJFhmSHqEtusoxqW5VkbsSSPBVz6z9GlgNXlkXSFOFOyXO9evmluERwVg0BQGkqDDxIIhkJkFHZ2sS1mnr6/93KQX/E0gMSZFir1p2WWbmdZCWfoCE4TX6b38+s3o9sfekBbgn4vQM4SskXATOgTLsPcDTwnprdug1qnoqyMgwqSgMudaiO8gyg15jeLxcW1UmXLXLxbKRYKJXX5SEwpbV+eyJ4LAg8j/53OHn86/PlNg9R9yOwhL5QfJpWQHwUqyfSvlFatytzshjkvNzkuJFdjl6tug0dWrMBGHj74PrR9OPXji5w6E7KutGcHDrag1w5CX7D9ZETkPCoBoezT3PfuIUaQL5oT9EsuAdrcogxVJgDa/FLt7IjuaAddlQ13A6V3A1VYXS+sKVTmwsbx0VPbk3Hcmgy1HVBhTIVzomG91TCZIapgXZSNPWIjQQI/F09GUTRZlS8nQ+ZhX7Fw6PH1T3NjXZ79zSYotQNKbb41/4mLTtlDnbJbv8vEQr6MKLJdXI4EbdDhZYG5KBNVUp427qwvS6lJkyR0GhAw7mJSc0Vev3Z9msYzekQc4eb1G1M3afyHRfgNJcYJDL8EAAA=" /><input type="hidden" name="_id0" value="_id0" />
<script type="text/javascript"> 
<!--
function clearFormHiddenParams__id0(curFormName) {
  var curForm = document.forms[curFormName];
}
//-->
</script>
</form>
  </body>
   </html>

**minooo** · 29/05/2011, 22h10

je suis toujours coincé pour affiché une image je n'ai rien trouvé pour ça

**DevServlet** · 30/05/2011, 09h15

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

src="D:\apache\wtpwebapps\test\image\1.JPG"

Voila ce qui est généré, est ce que physiquement cette image existe?

**minooo** · 04/06/2011, 21h40

merci
l'image s'affiche bien c'était problème de configuration jsf avec jsf-facelets j'ai installé jbosstools et ça fonctionne bien

merci encore

Afficher une image

JSF Java

Discussions similaires

Partager

Partager