Affichage des images

**mahmoudmahmoud** · 14/12/2009, 13h18

Bonjour,

Je suis sur RichFaces, et je voudrais afficher une image stocker dans la base des données . Cette Image recupérée est de type Blob et je la convertis en byte[]. Le problème c'est que à l'affiche rien ne s'affiche sur ma page en utilisant <a4j:MediaOutput>. Je suis sur JDK 1.4

**Malone** · 14/12/2009, 14h15

il y a un exemple sur la démo richFaces sur ce sujet :
http://livedemo.exadel.com/richfaces...load&tab=usage

**mahmoudmahmoud** · 14/12/2009, 15h09

Bonjour

j'ai déja essayer la Demo mais ca marche pas. Je crois que le problème reviens que j'utilise JAVA 1.4

Est ce que qlq a déja essayé par Java 1.4

Merci d'avance.

**seddik_saber** · 14/12/2009, 15h20

essaie avec un fileoutput stream pour ecrite ce bytes[] sur le disk.
et ouvre le avec n'importe que viewer d'image pour voir si le flux qui viens de la base est bon ou non.

**mahmoudmahmoud** · 14/12/2009, 15h41

Comment faire ? je suis bloké la ....

**seddik_saber** · 14/12/2009, 15h55

si ton image une bmp

Code :

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

1
2
3
4
 
FileOutputStream fos =new FileOutputStream("myimage.bmp");
fos.write(bytes);
fos.close;

puis fais un check sur myimage.bmp.

**mahmoudmahmoud** · 14/12/2009, 16h40

Bonjour,

L'image ne s'affiche pas , mais quand j'ai généré les byte[] dans un fichier texte, je vois des caractères sur les fichiers.

Je crois que les byte se recupèrent de la base des données.

Mais j'arrive pas à afficher mon image ....

Merci de'avance.

**seddik_saber** · 14/12/2009, 16h57

Bon il faut faire je croix un autre test ici .
enregistre une image quelconque dans ton disque et lit la avec un fileinputstream est puis utilise le byte[] dans le composant richfaces.
si c'est ok .
c'est a dire le problem viens soit de la maniere dont tu enregistre tes byte[] soit de la lecture utilisant la base de donne .

**mahmoudmahmoud** · 15/12/2009, 10h37

Bonjour,

Est ce que qlq a déja afficher une image stockée dans une base de données
(Blob). Je veux faire cet affichage en utilisant <a4j:MediaOutput>.

Merci d'avance

**Malone** · 15/12/2009, 10h54

un exemple tout bête , une vue qui affiche une liste d'objet "categorie" , avec une image et un texte pour chaque occurence:

une partie de la vue ou est affichée l'image :

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
 
<h:form>
			<rich:dataGrid value="#{categorieAction.listeCategories}"
				var="categorie" columns="1" elements="3" width="800px">
 
					<ui:include src="/pages/categories/utils/toolbarCategories.xhtml" />
 
					<h:panelGrid columns="2">
 
						<a4j:mediaOutput element="img" mimeType="image/jpeg"
							session="true" createContent="#{categorieAction.paint}"
							value="#{categorie.id}" style="height:110px;width:790px"
							cacheable="false" id="imagePreview">
						</a4j:mediaOutput>
 
						<br />
						<h:outputText value="#{categorie.description}" escape="false" />
 
					</h:panelGrid>
 
				<f:facet name="footer">
					<rich:datascroller></rich:datascroller>
				</f:facet>
			</rich:dataGrid>
		</h:form>

et la partie du managed bean (categorieAction) qui gère l'affichage :

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
 
	/**
         * painting pour l'image de la catégorie
         * 
         * @param stream
         * @param object
         * @throws IOException
         */
	public void paint(OutputStream stream, Object object) throws IOException {
		CategorieVue categorie = CategorieTransformer.metierToVue(this
				.getGestCategorie().chargerCategorie((Integer) object));
		Blob catImage = categorie.getImage();
		try {
			stream.write(catImage.getBytes(1, (int) catImage.length()));
		} catch (SQLException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
 
	}

**mahmoudmahmoud** · 15/12/2009, 11h24

Bonjour Malone

Tu peux me donner le pageBean ou tu as defini la méthode paint (OutputStream out, Object object) .

Merci et désolé pour le derangement.

**Malone** · 15/12/2009, 11h41

tu veux le managed bean en entier?
tu as la méthode paint dans mon dernier post, il n'y a rien de bien utile dans le managed bean en dehors de cette méthode pour ton probleme .

j'ai mis le managedBean en PJ.

**mahmoudmahmoud** · 15/12/2009, 11h58

Bonjour Malone

j'ai un problème qd j'ai integré ton exemple, PropertyNotFound : il m'indique la méthode definie à createContent en <a4j:MediaOutput>

**Malone** · 15/12/2009, 12h05

tu es sur que tu as bien pointé vers la méthode paint de ton managedBean?
C'est surement une erreur de copier coller de mon exemple, tu dois appeler la méthode paint (ou autre nom, bref la méthode qui envoie le flux de l'image) de TON managedBean , celui défini dans ton faces-config.xml

**mahmoudmahmoud** · 15/12/2009, 15h50

Bonjour Malone

J'ai une ptite question, comment on recupère l'Objet data dans la page bean ??

J'arrive pas à comprendre cela ?

Merci

**Malone** · 15/12/2009, 16h08

c'est à dire?
comment récupérer tes données en base via ton managedBean?

**mahmoudmahmoud** · 15/12/2009, 16h14

Bonjour

A partir de <a4j;MediaOutput> comment je recupère l'objet Data dans la methode definie en createContent

**Malone** · 15/12/2009, 17h20

Tu parles de l'objet qui est stocké en base de donnée?
Difficile de te répondre, tout dépend de ton architecture.

Dans la méthode appelée par le create content , tu dois écrire dans le stream le contenu de ton blob.
Impossible de te dire comment récupérer l'objet qui stocke ton blob en base, tout dépend de ton architecture, de comment tu as organisé tes couches etc, bref on s'écarte du sujet

Affichage des images

JSF Java

Discussions similaires

Partager

Partager