Affichage dans une balise img d'une image stockée en base en binaire

Bonjour à toutes et à tous,

Je rencontre un problème pour afficher une image stockée dans ma base de données SQL Serveur sur ma page xhtml (utilisation de primefaces).

Je m'explique, j'ai en base enregistrée l'image en format binaire avec l’extension de l'image stockée dans une autre variable.

Maintenant, je souhaite afficher cette image, après de multiples recherches sur internet, j'ai trouvé un bout de code qui pourrait fonctionner mes qui ne fonctionne pas :

Code:

---

<img src="data:image/#{objet.photoExtension};base64,#{objet.photoBinaire}" />

---

Est-ce que quelqu'un a déjà essayé d'afficher une image de ce type? Si oui, avez vous des pistes à me fournir pour m'aider à me débloquer svp.

Merci à vous,

Fed 1023

bonjour,

Citation:

---

Envoyé par fed1023

Est-ce que quelqu'un a déjà essayé d'afficher une image de ce type? Si oui, avez vous des pistes à me fournir pour m'aider à me débloquer svp.

---

Pourquoi ne pas utilisé le composant primefaces qui permet de le faire sans grande difficulté ?

graphicImage

Bonsoir,

Merci pour le conseil, je vais essayer avec ça et je vous redis.

Dans mon cas, j'ai utilisé les Servlets comme ces codes le montre

Vue

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

<p:graphicImage style="width: 90%;" rendered="#{MBGestionDossier.selectedFichier.typeMime eq 'image/jpeg'}" value="/fichier/?file=#{MBGestionDossier.selectedFichier.pathWeb}" />   <p:graphicImage style="width: 90%;" rendered="#{MBGestionDossier.selectedFichier.typeMime eq 'image/png'}" value="/fichier/?file=#{MBGestionDossier.selectedFichier.pathWeb}"/> <p:graphicImage style="width: 90%;" rendered="#{MBGestionDossier.selectedFichier.typeMime eq 'image/gif'}" value="/fichier/?file=#{MBGestionDossier.selectedFichier.pathWeb}"/>

---

Servlet

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

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String nomFichier = new String(request.getParameter("file").getBytes(),"UTF-8");     if (!nomFichier.isEmpty()) { try { /****                                 récupération du fichier à partir de son nom dans la varable fichier                                 ****/   //Convertir le fichier en byte[] byte[] bytes = new byte[fichier.getStream().available()]; fichier.getStream().read(bytes); fichier.getStream().close();   //Ecrire les byte sur response response.getOutputStream().write(bytes); } catch (Exception ex) { } }   }

---

Je tiens à éxpliquer la valeur de l'attribut value de mon graphicImage

Code:

---

value="/fichier/?file=#{MBGestionDossier.selectedFichier.pathWeb}"

---

Cette valeur me permet de se rediriger vers ma Servlet selon la configuration du web.xml suivant

Code:

---

1 2 3 4 5 6 7 8 9 10 11

<servlet> <servlet-name>fichierServlet</servlet-name> <servlet-class>com.ged.ocm.servlet.fichierServlet</servlet-class> </servlet>     <servlet-mapping> <servlet-name>fichierServlet</servlet-name> <url-pattern>/fichier/*</url-pattern> </servlet-mapping>

---

Le chemin /fichier/* n'existe pas réelement dans les répertoires de mon projet! C'est pour différencier l'appel de mon servlet!

Citation:

---

Envoyé par AASProni

Dans mon cas, j'ai utilisé les Servlets comme ces codes le montre

---

Je ne sais pas si ton code est récent, mais franchement c'est bien plus claire d'utiliser StreamedContent de primefaces pour le faire !
Et je pense en plus que c'est bien plus simple a comprendre.

Merci pour les propositions.

A vrai dire, j'ai du mal à mettre en place l'une des 2 méthodes...

Je regarde plutôt du côté de 'StreamedContent' qui me parait plus simple à comprendre.

Pour l'instant j'ai ça :

Code:

---

1 2 3 4 5 6

InputStream dbStream = ... dbImage = new DefaultStreamedContent(dbStream, "image/jpeg");   <p:graphicImage value="#{utilisateurBean.dbImage}" />

---

La suite, je sais pas par où aller.

Après je bloque.

Citation:

---

Envoyé par fed1023

Pour l'instant j'ai ça :

Code:

---

1 2 3 4 5 6

InputStream dbStream = ... dbImage = new DefaultStreamedContent(dbStream, "image/jpeg");   <p:graphicImage value="#{utilisateurBean.dbImage}" />

---

La suite, je sais pas par où aller.

---

C'est plutôt un bon début. pour la suite, j'imagine que lorsque tu récupères l'image de la base tu te retrouve avec un tableau de byte ou quelque chose du même genre !
il faut donc faire :

Code:

---

1 2	byte[] bytes = .... dbImage = new DefaultStreamedContent(new ByteArrayInputStream(bytes), "image/jpeg");

---