Refresh image after upload in Primefaces - JSF 2.0

Yesterday I was trying to create a page where the user attach an image to an article and I wanted him to see what image he is attaching before saving the form. I was facing a huge problem which was that the image was only refreshing the first time the user uploads an image, but the second time nothing happens. I am using Primefaces 2.2.


To solve this I did the following:

1. Stored the image in a session attribute within the fileUploadListener
2. Retrieved the image inside a servlet and cleared the session attribute
3. added a javascript within a primefaces outputpanel that changes the image source to the servlet path and added a date parameter to insure that the request will be done everytime this script is run
4. added an update attribute to the fileupload component which updates the outputpanel created in step 3.

Check the following source for more details

Setting up Primefaces with an eclipse dynamic web project

In this tutorial I will write about how to setup Primefaces with eclipse IDE. You will need to have the following available:

1. Eclipse IDE for Java EE developers, which can be downloaded from eclipse website , I am using Indigo.
2. JBoss Tools for creating and editing xhtml files. This is the JBoss tools update sites, you can just install JBoss tools richfaces.
3. Primefaces 2.2.1 bundle, which can be downloaded from Primefaces website.
4. Tomcat 7, which can be downloaded from Apache website.
5. JSF 2.1.3 jar files can be downloaded from Java.net.
6. el api 2.2 can be downloaded from here.
7. el impl 2.2 can be downloaded from here.