Utiliser une variable JSTL comme SRC d'une image

Bonjour,

je rencontre quelques difficultés. On est a à la frontière JSP / JSTL / EL, je ne sais plus trop à qui m'adresser.

J'ai des utilisateurs dans une BDD qui ont des avatars. Le nom de l'image est stocké en base sous cette forme : monAvatar.jpg

Ces utilisateurs peuvent commenter des articles, et je souhaite afficher leur avatar à côté de leur commentaire.

Les images concrètes sont stockées dans un dossier : images/users/x/ où "x" est l'id en base de l'utilisateur
-> je ne veux pas inscrire en dur dans la BDD le nom du répertoire où sont stcokées les images car en cas de changement c'est mort

Pour afficher mon image dans la page web, j'utilise comme il se doit : <img src="xxxxxxxx" alt="" class="responsive-img">

C'est là que les ennuis commencent.

Avec JSTL, je récupère le nom de mon image avec : ${user.avatar} dans le cadre d'une boucle <c:foreach...

Je voudrais pouvoir former dynamiquement l'adresse de l'image de la façon suivante : <img src="images/users/" & ${user.id} & "/" & ${user.avatar}

Sauf qu'il s'agit là de HTML et qu'il ne m'est pas possible de concaténer cette chaîne.

Je ne maîtrise ni JavaScript ni Jquery. J'ai essayé de créer des fonctions dans chacun de ces langages afin de concaténer ces valeurs mais je n'arrive même pas à passer une expression JSTL comme ${user.id} en paramètre à du JavaScript.

Auriez-vous une idée ?

Merci

OK, j'ai trouvé :
1) j'ai viré les "" de l'expression <img src="..."
2) j'ai viré les & ou + que j'utilisais pour concaténer

Du coup, le résultat est aussi simple qu'évident : <img src=images/users/${comment.id_User}/${comment.nomImage} alt="" />

Désolé d'avoir gâché de la bande passante

Personnelement j'aurais utiliser le tag c:out. L'avantage est que tu peux y mettre un défaut si ton champs est vide

<img src="images/users/<c:out value="${user.id}" /> default="Inconnu"/>/<c:out value="${user.avatar}" default="Inconnu.jpg"/>" />

Citation:

---

Envoyé par Syberi@

Personnelement j'aurais utiliser le tag c:out. L'avantage est que tu peux y mettre un défaut si ton champs est vide

<img src="images/users/<c:out value="${user.id}" /> default="Inconnu"/>/<c:out value="${user.avatar}" default="Inconnu.jpg"/>" />

---

L'idée est excellente et je te remercie.
En revanche, y a un soucis : dès que j'utilise les guillemets dans src= "xxx" j'ai des erreurs

Voilà comment j'ai adapté ta réponse :

<img src=images/vendeurs/<c:out value=${offre.offreEts.id_Ets}/${offre.offreEts.etsImage} default="valise_voyage.jpg" /> alt="voyage"
class="responsive-img">


type Rapport d''exception

message /vues/Accueil.jsp (line: 38, column: 46) Symbole guillemet (quote) attendu

description Le serveur a rencontré une erreur interne qui l''a empêché de satisfaire la requête.

exception

org.apache.jasper.JasperException: /vues/Accueil.jsp (line: 38, column: 46) Symbole guillemet (quote) attendu