[MyFaces] Afficher une image stockée en DB

Version imprimable

04/04/2008, 15h07
quilovni

[MyFaces] Afficher une image stockée en DB

Bonjour,

J'utilise MyFaces et JPA. J'ai des photos stockées dans un DB et je retire ces infos grâce à JPA. J'ai donc un bean avec un champ byte[] qui contient la photo.

Je voudrais afficher cette photo dans une page HTML mais je ne vois pas comment faire. J'ai découvert <s:graphicImageDynamic> mais je ne comprend pas le fonctionnement.

Peut-être que je dois créer une servlet mais je ne sais pas comment m'y prendre pour la définir.

Pourriez-vous m'aider ?

Merci
04/04/2008, 15h37
djo.mos

Bonjour,
Personellement, je passes par le composant <a4j:mediaOutput>.
04/04/2008, 15h40
quilovni

Et je peut utiliser ça avec myfaces ?

Merci pour la réponse
04/04/2008, 15h44
djo.mos

Tout à fait, c'est un jeu de composants (ajax4jsf/Richfaces), qui peut fonctionner avec Sun JSF RI ou MyFaces ;)

:arrow: http://labs.jboss.com/file-access/de...uirements.html
04/04/2008, 23h53
quilovni

Voilà, j'ai mis en place ajax4jsf (avec RichFaces). Après avoir pris mon temps pour ne plus avoir d'erreur, je me retrouve sur un dernier problème (mais de taille) :

L'image ne s'affiche pas alors que lorsque je regarde la source, je vois les data.

Peut-être dois-je ajouter quelque chose dans le web.xml pour les images ?

Dans ma jsp:

Citation:

<a4j:mediaOutput element="img" cacheable="false" session="true"
createContent="#{vCardController.paint}" value="#{card.photo}"
mimeType="image/jpeg" />

dans mon controller :

Citation:

public void paint(OutputStream out, Object data) throws IOException {

if (data != null && data instanceof byte[]) {
byte[] paintData = (byte[]) data;
BufferedImage img = new BufferedImage(25, 25, BufferedImage.TYPE_INT_RGB);
Graphics2D graphics2D = img.createGraphics();
graphics2D.drawBytes(paintData, 0, paintData.length, 0, 0);
ImageIO.write(img, "jpeg", out);
}
}

L'image est stockée sous forme de blob (que je récupère dans un POJO JPA.

Une idée ?

Merci pour le coup de main.
05/04/2008, 19h53
djo.mos

Bonjour,
Normalement, le problème est signalé dans le log de ton application, et ça nous aiderait énormément si tu l'avais posté ;)

A defaut de ça, je vais essayer de deviner ...
A vue de nez, ça vient du fait que tu passes le blob dans l'attribut value, or, ajax4jsf va encoder ce value dans l'URL :arrow: ça va pas le faire, l'URL est limité en longueur, est ton blob passera pas.

La solution serait de passer plutôt un autre champ plus petit en taille et qui permet de retrouver le blob en question .... wait for it ... le candidat idéal est bien sûr l'identifiant de l'image dans la base de données :mrgreen:

Donc, tu passes plutôt l'id dans value (value="#{card.id}"), et dans ta méthode pain, tu castes data vers Long (ou ton type d'id), tu retrouves le blob de la base de donnés, et le reste tu l'as déjà fait.
06/04/2008, 09h27
quilovni

Bonjour,

je n'ai aucun message d'erreur dans mon log et ça me trouble aussi:oops::cry:

Mais je vais essayer ta solution.

Merci

Effectivement, maintenant j'ai une améliration.
J'ai créé une classe ImageEntity qui contient l'image et j'y fais référence via un id.

Une image s'affiche mais il s'agit d'un carré noir à la place de mon image.

Voici le code de la méthode paint : (l'image enregistrée est un gif)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
    public void paint(OutputStream out, Object data) throws IOException {
 
        ImageDao doa = new ImageDao();
        if (data != null) {
            ImageEntity ie = doa.findById((Long)data);
            byte[] paintData = (byte[]) ie.getPhoto();
            BufferedImage img = new BufferedImage(100, 100, BufferedImage.TYPE_INT_RGB);
            Graphics2D graphics2D = img.createGraphics();
            ImageIcon image = new ImageIcon(paintData);
            graphics2D.drawImage(img, 0, 0, null);
            ImageIO.write(img, "gif", out);
        }
    }

Une idée ?

Merci

06/04/2008, 14h00
djo.mos

Bonjour,
Je te propose ceci: tester ceci dans une application Java SE (avec le main), histoire d'isoler le problème (est ce un problème de transport, ou dans le format de l'image dans la DB, etc.)

Danc tu crées un JFrame, et tu redéfinies sa méthode paint, en castant le paramètre Graphics en Graphics2D, et tu y appliques le même traitement que tu fais déjà.

Essaies aussi d'ajouter log4j.jar + log4j.properties à ton projet si c'est pas déjà le cas, ça te donnera peut être plus de détails.
06/04/2008, 14h18
quilovni

J'ai posté un peu trop vite le code qui est incorrect.
Si on le lit, on peut voir que je ne fais rien avec mon image.
Le problème est que je ne sais pas encore dessiner une image existante dans un graphics2D mais j'étudie la question.

Après un peu de reflection sur l'API, j'ai enfin réussi à écrire les images :
Voici le code :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 public void paint(OutputStream out, Object data) throws IOException { ImageDao doa = new ImageDao(); if (data != null) { ImageEntity ie = doa.findById((Long)data); byte[] paintData = (byte[]) ie.getPhoto(); ByteArrayInputStream b = new ByteArrayInputStream(paintData, 0, paintData.length); BufferedImage img = ImageIO.read(b); Graphics2D graphics2D = img.createGraphics(); graphics2D.drawImage(img, null, null); ImageIO.write(img, "gif", out); } }
Mais mon nouveau problème est que l'image n'est pas redimensionnée.
Je vais voir comment faire cela ou si quelqu'un l'a déjà fait ce serait sympa de m'aider. Je mets ce post en résolu.

Merci pour le coup de main.