<p:graphicImage/> failing without any error messages

[MISS_DUKE]

Markup:

Code: Select all

<p:graphicImage value="#{detailsBacking.photo1}" />

Backing bean code:

Code: Select all

private StreamedContent photo1;
 
public StreamedContent getPhoto1() {
        byte[] myByteArray = meFacade.find(selected).getPhotoOne();//code for MeFacade not shown here
        photo1 = new DefaultStreamedContent(new ByteArrayInputStream(myByteArray) , "image/jpeg");
       if(photo1!=null){
        System.out.print("photo1 is NOT null");
      }
        return photo1;
    }

    public void setPhoto1(StreamedContent photo1) {
        this.photo1 = photo1;
    }

Image is not rendered in the output, and no error message is shown. What am I missing?

[undermensch]

I posted on this matter yesterday. Displaying image from db does not appear to be working in the Primefaces Showcase either. The generated on-the-fly images display using <p:graphicImage> but the example from a database does not display.

[MISS_DUKE]

Thanks for sharing this issue.

I am now planing to use a Servlet and <h:graphicImage/> tag.

[MISS_DUKE]

I use a Servlet to stream an image from the database and I use the <h:graphicImage/> tag for display as follows:

Code: Select all

<h:graphicImage url="/servletUrl?para1=name1&para2=name2"/>

The problem starts if I include the 2nd parameter (&para2=name2) and I get the following error message:

The reference to entity "para2" must end with the ';' delimiter

Am I missing anything?

[healeyb]

Without wishing to highjack your post the entire issue of saving and
re-loading an image from a database has been driving me insane.

Everyone seems to think that we store our images in disk files, like it's
the 1970s. I've spent hours attempting to get custom components and
multipart filters to actually do what I want, however, my JSF expertise
is not quite there yet. I do have a reasonably working load image/
restore image from database solution that I'd be very happy to share if
anyone was interested, although it's totallly inefficient but does work.

Regards,
Brendan.

p.s. my solution uses p:fileUpload and h:graphicImage. One of the biggest
problemsto watch out for is if you've tried using the BalusC hh:inputFile
solution and still have the @WebFilter code in your classpath then you'll hit
the 'http error' problem upon loading the file. Took me a while to figure this
out.

[MISS_DUKE]

I am also just to start to work on the file uploading portion of my project soon.

I have already seen there are many issues posted in this forum complaining about file upload.

I am really happy and very very grateful if you share your experience and codes here.

[cagatay.civici]

StreamedContent example for chart seems to be working online;

http://www.primefaces.org/showcase/ui/dynamicImage.jsf

FileUpload component will gone under maintenance soon definitely for 2.3, probably in 2.2

[MISS_DUKE]

Make File upload available stable for 2.2 please (without the need of Flash at all)

[undermensch]

But not working for rendering image from database, will that fix make it in 2.2 (I hope)?

[ethermion]

This is working for me
[code]
public StreamedContent getImage() {
ImageIcon ii = getTestEmployee().getImageIcon();
if (ii == null) return null;
Image i = ii.getImage();
BufferedImage bi = new BufferedImage(i.getWidth(null),i.getHeight(null),BufferedImage.TYPE_INT_RGB);
Graphics g = bi.getGraphics();
g.drawImage(i,0,0,null);
g.dispose();
ByteArrayOutputStream bas = new ByteArrayOutputStream();
try {
ImageIO.write(bi,"png", bas);
} catch (IOException e) {
e.printStackTrace();
}
byte[] data = bas.toByteArray();
InputStream is = new ByteArrayInputStream(data);
return new DefaultStreamedContent(is);
}
[/code]

Starts with an ImageIcon from the database (yuck, I know...)
Does all the transforms in memory - no temp files (good!)
Works (most important!)

Supports the tag
<p:graphicImage value="#{employee.image}"/>

Hope this helps.