<p:graphic image> in conjuction with <p:fileupload>

[Vladislav Simovic]

I ve been trying out fileupload and its working quite alright. However i ve written piece of code in fileuploadlistener thats not working quite alright. This is how my listenet looks like:

private StreamedContent image = null;

    public StreamedContent getImage() {
        return image;
    }

    public void setImage(StreamedContent image) {
        this.image = image;
    }

public void enterImage(FileUploadEvent e) {
        try {
            UploadedFile file = e.getFile();
            image = new DefaultStreamedContent(file.getInputstream(), "image/jpeg");
        } catch (Exception ex) {
        }

this is xhtml

<p:fileUpload style="padding-left: 20px" allowTypes="*.jpg; *.png; *.gif;" description="images" fileUploadListener="#{bean.enterImage}" height="38" width="48" image="/slike/upload.png" auto="true" update="panel"/>
<p:panel style="border-style: dotted" id="panel">
    <p:graphicImage height="675" width="675" value="#{bean.image}"/>
</p:panel>

However when i enter the new image via fileuploader nothing happens. Method enterImage is called, and all action are done, but image is not displayed on panel. What am I missing?

[Brendan Healey]

Have you added the listener to web.xml? also include your enclosing <h:form ...> tag.
What versions are you using of everything etc.... put more thought into asking the
question.

[Claudionor Junior]

Hi. Have you solved your problem? I´m facing the same issue and can´t get a single solution.

I´m using a fileUpload and wanna show the image uploaded in a dataTable just after the upload event but the image doesn´t appear.


Thanks.

[Oscar Barrofet]

just as it is mentioned in this forum.

http://stackoverflow.com/questions/4388441/primefaces-fileupload-event-not-firing-jsf-2-0


1) you have to edit the web.xml to add the filter mapping for upload (as mentioned by brendan):

<filter>
    <filter-name>PrimeFaces FileUpload Filter</filter-name>
    <filter-class>org.primefaces.webapp.filter.FileUploadFilter</filter-class>
</filter>
<filter-mapping>
    <filter-name>PrimeFaces FileUpload Filter</filter-name>
    <servlet-name>Faces Servlet</servlet-name>
</filter-mapping>

2) you need two dependencies added in the classpath of the project:

http://commons.apache.org/fileupload/download_fileupload.cgi
http://commons.apache.org/io/download_io.cgi

3) Also check you have server as STATE_SAVING_METHOD in web.xml

  <context-param>
    <description>State saving method: 'client' or 'server' (=default). See JSF Specification 2.5.2</description>
    <param-name>javax.faces.STATE_SAVING_METHOD</param-name>
    <param-value>server</param-value>
  </context-param>

4) ! it's worth having a look to the prime faces user guide (the dependencies stuff is explained in page 12.

http://primefaces.googlecode.com/files/primefaces_users_guide_2_2.pdf,