Afficher une image à partir d'un Blob

Version imprimable

28/01/2009, 18h08
reeda

Afficher une image à partir d'un Blob

Bonjour,

j'ai un blob (une image) que je récupère de la BD et je voudrais l'afficher dans une page JSF, et je ne sais pas quoi faire !

Merci d'avance
bien cordialement
28/01/2009, 19h30
tchize_

Le problème de l'image, c'est qu'elle nécessite une deuxième requete au serveur. Les options sont

- faire une servlet qui sert l'image (pas très jsf comme solution)
- utiliser http://myfaces.apache.org/sandbox/tl...geDynamic.html qui permet de fournir une image via un "renderer"
- utiliser http://livedemo.exadel.com/richfaces...ediaOutput.jsf qui permet d'utiliser des propriétés d'un bean pour dessiner une image
- créer un composant custom qui fait tout çà.
29/01/2009, 11h50
reeda

salut,

Merci beaucoup pour ta réponse tchize_ ,

je crois que je vais opter pour la deuxième solution, càd utiliser un renderer,
mais comment faire pour avoir le renderer, parce que mon Blob je l'ai apporté de la BD,
il ne reste qu'à faire les traitements nécessaires pour l'afficher, seulement je ne sais ce que je dois faire pour ça :(

Merci d'avance
Bien cordialement
29/01/2009, 13h08
tchize_

pour sandbox, si tu cherche bien dans les télécharghement, y a une webapp d'exemple, doit y avoir un example pour l'image en question. Sinon il reste que la doc tld et du courage :) Parce qu'il y a rien dans le wiki.
13/07/2009, 09h21
youlewinner

Solution ?

Salut reeda,

je voulais savoir si tu avais trouvé une solution car j'ai le même problème que toi. Si oui peux tu la poster pour que tout le monde puisse y avoir accès ?

Cela fait 2 semaines que je suis dessus et je n'ai aucun résultat. Tous les forums que je vois disent ok ca fonctionne maintenant mais ne donne pas la réponse finale.

Merci par avance, bien cordialement
13/07/2009, 09h59
anisj1m

moi j'utilise jboss seam qu'il fournit un composant très facile a utiliser c'est le <s:graphicImage>
qui permet d'afficher une image de la base de données.
13/07/2009, 11h05
youlewinner

j'utilise pas jboss

Salut anisj1m,

merci pour ta réponse, ça serait cool si c'était aussi facile mais j'utilise pas Jboss seam. J'utilise ADF. Je n'ai donc qu'à priori : <af:activeImage> ou <af:image>.

Si tu as d'autres solutions je suis toujours preneur
15/07/2009, 11h07
youlewinner

help help help

J'ai trouvé graphic image. Comment tu l'utilises ? Cela fonctionne avec une URL ? Comment tu le lies à la BD ?
Merci pour tes conseils

Cordialement
15/07/2009, 13h50
anisj1m

est ce que tu parle de <h:graphicImage> ?
16/07/2009, 09h51
youlewinner

oui exactement.
16/07/2009, 10h19
anisj1m

non tu ne peux pas afficher une image blob avec <h:graphicImage> car cette dernière tag impose que l'image a utiliser doit être dans le chemin relatif de ton projet web, en d'autre mots sous votre webcontent.
16/07/2009, 10h25
youlewinner

On m'a conseillé de repartir sur le type de fichier ORDImage. Je voulais savoir avec quel composant je pourrai l'afficher dans une page JSF. J'utilise Jdev11g et ADF BC. Apparemment j'arrive à uploader l'image mais pas à l'afficher.
Aurais tu une idée?

Merci pour le dernier post
16/07/2009, 11h02
anisj1m

bien sure tu peux avoir l'image par un stream par exemple mais fais attention,
comme je t'ai dis h:graphicImage ne peux pas l'afficher.
16/07/2009, 11h23
tchize_

le plus simple étant de faire une servlet qui sert le blob en question, puis de pointer h:graphicsImage sur cette servlet.
16/07/2009, 11h58
youlewinner

J'ai envie de vous montrer ce que j'ai fait. J'ai travaillé sur 2 types de données différentes : BLOB et ORDImage.
Je souhaiterais afficher les images de la base de données et mettre aussi un inputfile pour pouvoir les uploader.

Q1 : Je souhaiterai avant tout savoir quel est le type de données le plus simple à mettre en place (BLOB ou ORDImage).

Suite à cela je vous enverrai le code pour savoir où peut se trouver l'erreur.

Merci
16/07/2009, 13h25
youlewinner

J'utilise en ce moment le type ORDImage. Ceci me permet de pouvoir uploader. Je vois ce lien dans ma page JSF :

Pour voir ce lien j'utilise ceci dans ma page JSF : OrdImageDomain:image/png:13418

<af:outputText value="#{row.Image}"/>

et pour uploader j'utilise ceci :

<tr:inputFile value="#{bindings.Image.inputValue}" simple="true">
<f:validator binding="#{bindings.Image.validator}"/>
<binding:convertOrdDomain bindingRef="#{bindings.Image}"/>
</tr:inputFile>

Il me "suffirait" de convertir en image mais lorsque je convertis cela me donne rien. Je dois sûrement faire une servlet pour convertir mais j'ai beau programmer cette servlet de toute les manières je n'arrive à rien.

Si vous avez la moindre idée, je jsuis preneur, j'ai encore beaucoup de travail sur ce projet après ça et ça m'énerve de coincer là dessus...

Merci de votre aide
16/07/2009, 13h54
tchize_

tu dois écrire une servlet qui

- se connecte à la base de donnée
- fait un select pour avoir ton blob
- lit le contenu du blob
- l'écrite dans le response.getOutputStream()

Ensuite, dans ta page jsf tu met un truc du genre

Code:

<h:graphicImage value="maServletImage?imageId=#{monBean.imageId}"/>

j'ai le même problème. Ma servlet est la suivante :

***********************

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
package com.oracle.micc.image;
 
 
import java.io.BufferedInputStream;
import java.io.IOException;
import java.io.OutputStream;
import java.sql.Blob;
import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;
import javax.naming.Context;
import javax.naming.InitialContext;
import javax.servlet.ServletConfig;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.sql.DataSource;
 
public class ImageServlet extends HttpServlet {
    private static final String CONTENT_TYPE = 
        "image/jpg; charset=utf-8";
 
    public void init(ServletConfig config) throws ServletException {
        super.init(config);
    }
 
    public void doGet(HttpServletRequest request, 
                      HttpServletResponse response) throws ServletException, 
                                                           IOException {
        response.setContentType(CONTENT_TYPE);
        response.setContentType(CONTENT_TYPE);
        //String detailProductId = request.getParameter("detail");
        String thumbnailProductId = request.getParameter("thumbnail");
        boolean thumbnail = true;
        String productId = null;
        OutputStream os = response.getOutputStream();
        Connection conn = null; 
 
        try {
            Context ctx = new InitialContext();
            DataSource ds = (DataSource)ctx.lookup("java:comp/env/jdbc/miccroom");
            conn = ds.getConnection();
            PreparedStatement statement = conn.prepareStatement(
              "SELECT IMAGE, " + 
              "FROM  Room " );
 
        /*    if (detailProductId != null) {
                productId = detailProductId;
                thumbnail = false;
            } else {
                productId = thumbnailProductId;
    
            } */
 
            statement.setString(1,(thumbnail ? "Y" : "N"));            
            statement.setInt(2, new Integer(productId));
            ResultSet rs = statement.executeQuery(); 
 
            if (rs.next()) { 
                Blob blob = rs.getBlob("IMAGE"); 
                BufferedInputStream in = new BufferedInputStream(blob.getBinaryStream()); 
                int b; byte[] buffer = new byte[10240]; 
                while ((b = in.read(buffer, 0, 10240)) != -1) { os.write(buffer, 0, b); } 
                os.close();
            }
        } catch (Exception e){
            System.out.println(e);
        } finally {
            try{
                if (conn != null){
                     conn.close();
                }
             } catch (SQLException sqle){
                 System.out.println("SQLException error");
             }  
        }
    }
}

***************
Dans ma page jsf cela donne ça (il me signale pas d'erreur mais je sais que c'est pas bon car je n'ai pas le ".image" à la fin).

<h:graphicImage value="ImageServlet?image=#{imageservlet}"/>

ps : je ne l'ai pas déclaré dans le web.xml, il me semble que je dois le faire... et je ne suis pas sûr de la syntaxe.

Code:

1
2
3
4
5
6
7
8
    <servlet>
        <servlet-name>images</servlet-name>
        <servlet-class>com.oracle.micc.image.ImageServlet</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>images</servlet-name>
        <url-pattern>/render_images</url-pattern>
    </servlet-mapping>

Merci de m'aider

16/07/2009, 16h07
tchize_

Dans l'ensemble, mis à part que ta requet SQL est du n'importe quoi, c'est l'idée. Par contre, dans le h:graphicsImage, tu dois pointer vers une url qui correspond à l'url pattern de ton web.xml.
16/07/2009, 16h55
youlewinner

Je suis un noob monsieur le modérateur, j'ai besoin d'un peu plus d'aide si c'est possible avant que je craque complètement.

Q1 : A quoi sert l'URL puisque je souhaite prendre les fichiers dans ma base de données. Je ne dois pas mettre un chemin vers des images de mon explorateur Windows.

De plus je ne sais pas du tout comment l'utiliser dans la source de mon graphicImage.

Q2 : Suis-je obligé d'utiliser graphicImage ? Qu'a t'il de plus que <af:image> ?

Pour le SQL, j'ai une table room dans laquelle j'ai 4 attributs : idroom, roomname, capacity, image. Je souhaiterais prendre que l'attribut image.

Q3 : Dois-je utiliser un Where obligatoirement ? Si oui, je ne vois pas comment l'utiliser.

Requête SQL :
PreparedStatement statement = conn.prepareStatement(
"Select RoomEO.IMAGE FROM ROOM RoomEO");

Merci
Cordialement

Citation:

Envoyé par youlewinner

Q1 : A quoi sert l'URL puisque je souhaite prendre les fichiers dans ma base de données. Je ne dois pas mettre un chemin vers des images de mon explorateur Windows.

L'url est d'une manière générale le seul point de contact entre ton navigateur et ton serveur. Quand ton navigateur veux une image, il a besoin d'un url pour y accéder. Dans ton cas, comme l'image proviens de la base de donnée, il faut une servlet qui correspond à l'url, cette servlet va aller pomper l'image dans la base de donnée et la fournir au client. Schématiquement tu va avoir çà
Code:

1 2 Navigateur demande page jsf -> serveur fourni le contenu de ta page jsf -> navigateur vois le tag <img> dans la page html navigateur demande l'image correspondante (deuxième requete donc) -> serveur vois que l'url correpond à ta servlet, il dispatche vers ta servlet -> ta servlet se connecte à la base de donnée et fourni l'image demandée -> le navigateur affiche l'image en question
Citation:

De plus je ne sais pas du tout comment l'utiliser dans la source de mon graphicImage.

Toujours la meme chose :

<h:graphicImage value="<url de la servlet>?<parametre de la servlet>"/>

Le parametre en question étant un parametre quelconque permettant à la servelt de localiser l'image.

Citation:

Q2 : Suis-je obligé d'utiliser graphicImage ? Qu'a t'il de plus que <af:image> ?

Non, il existe d'autre tag image, mais ca reviens toujours +- au même: le tag va générer un <img> qui pointe ver une url ou retrouver l'image, url qui sera servie par une servlet. JE ne connais pas les détails de af:image, je n'ai jamais utilisé cette librairie de composants.

Citation:

Pour le SQL, j'ai une table room dans laquelle j'ai 4 attributs : idroom, roomname, capacity, image. Je souhaiterais prendre que l'attribut image.

Bien tu fait un select avec une clause where sur le idroom, idroom que tu devrais recevoir en parametre de ta servlet. Exemple:

http://monserveur/monappliweb/imageServlet?idRoom=123456

et ton select du genre
select image from room where idRoom=123456

Citation:

Q3 : Dois-je utiliser un Where obligatoirement ? Si oui, je ne vois pas comment l'utiliser.

Voir au dessus, mais si tu te demande si t'as besoin d'un where, un cours de base sur le sql serait peut etre nécessaire. Comment tu veux choisir ton image sans un where?

17/07/2009, 09h21
youlewinner

Bonjour,

merci pour ces précieux conseils, j'ai encore une question qui me tourmente.
Je connais les bases de SQL mais là je sais pas si c'est la servlet ou quoi...

En admettant que je mette "WHERE IdRoom=1"
Le problème est que je vais avoir l'image que de la salle 1. Je souhaiterai avoir les images de chaque salle. Dois-je mettre un '?' ?

Merci
17/07/2009, 09h59
tchize_

ta servelt ne peux envoyer qu'une image à la fois, donc de fait l'image de la salle dont l'id sera passé en parametre à la servlet via un request parameter. Tu peux par exemple mettre un '?' et utiliser un preparedStatement (voir les FAQ pour savoir comment ca fonctionne)