dynamically load image names from database and display them using jsf 2.0

Question

i'm trying to find a solution to load image names from a database and display them on a webpage. Basically, when i display an image i do it like this:

<h:graphicImage value="#{resource['mywebapp:image.png']}">
</h:graphicImage>

So now instead of image.png i would like to dynamically load alternative images. Problem is, that i can't use an EL nested expression inside another one (at least i have not found out how). To put the logic into the backing bean also does not help in this case, because then it is rendered like that:

 <img src="#{resource['mywebapp:somedynamicallyloadedimagename.png']}">
</img>

The only thing that works, is to directly generate the path in the backing bean:

public String getImage() {
    this.image = "/mywebapp/javax.faces.resource/"+this.image+".jsf?ln=images";
            return image;
}

However this "solution" is far from elegant, since everything is hardcoded and this is nothing i'm going to put in a production app. What would be a good solution to do this? I would like to avoid putting the images into the database and using primefaces.. Since i'm not an experienced JSF coder (as you can probably tell), i would highly appreciate some thoughts on this topic...thanks in advance!

Piotr Gwiazda · Accepted Answer · 2012-03-13 13:47:32Z

1

Try

<h:graphicImage library="images" name="#{generated.name}" />

answered Mar 13, 2012 at 13:47

Piotr Gwiazda

12.2k13 gold badges62 silver badges94 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

dynamically load image names from database and display them using jsf 2.0

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related