Sie können <p:graphicImage> verwenden
um in einem byte[] gespeicherte Bilder anzuzeigen , unabhängig vom byte[] Quelle (DB, Plattendateisystem, Netzwerk usw.). Einfachstes Beispiel ist:
<p:graphicImage value="#{bean.streamedContent}" />
was auf einen StreamedContent verweist Eigentum.
Dies hat jedoch einen Fallstrick, insbesondere wenn es in einer Iterationskomponente wie einer Datentabelle verwendet wird:Die Getter-Methode wird zweimal aufgerufen; das erste Mal von JSF selbst, um die URL für <img src> zu generieren und das zweite Mal per Webbrowser, wenn der Bildinhalt basierend auf der URL in <img src> heruntergeladen werden muss . Um effizient zu sein, sollten Sie die DB nicht beim ersten Getter-Aufruf treffen. Um den Getter-Methodenaufruf so zu parametrisieren, dass Sie eine generische Methode verwenden können, bei der Sie eine bestimmte Bild-ID übergeben, sollten Sie einen <f:param> verwenden (Bitte beachten Sie, dass die EL 2.2-Funktion zum Übergeben von Methodenargumenten überhaupt nicht funktioniert, da dies nicht in der URL von <img src> endet !).
Zusammengefasst sollte dies Folgendes tun:
<p:dataTable value="#{bean.items}" var="item">
<p:column>
<p:graphicImage value="#{imageStreamer.image}">
<f:param name="id" value="#{item.imageId}" />
</p:graphicImage>
</p:column>
</p:dataTable>
Der #{item.imageId} gibt offensichtlich die eindeutige Kennung des Bildes in der DB (den Primärschlüssel) zurück und somit nicht das byte[] Inhalt. Der #{imageStreamer} ist eine anwendungsbezogene Bean, die so aussieht:
@ManagedBean
@ApplicationScoped
public class ImageStreamer {
@EJB
private ImageService service;
public StreamedContent getImage() throws IOException {
FacesContext context = FacesContext.getCurrentInstance();
if (context.getCurrentPhaseId() == PhaseId.RENDER_RESPONSE) {
// So, we're rendering the HTML. Return a stub StreamedContent so that it will generate right URL.
return new DefaultStreamedContent();
} else {
// So, browser is requesting the image. Return a real StreamedContent with the image bytes.
String imageId = context.getExternalContext().getRequestParameterMap().get("imageId");
Image image = imageService.find(Long.valueOf(imageId));
return new DefaultStreamedContent(new ByteArrayInputStream(image.getBytes()));
}
}
}
Das Image class ist in diesem speziellen Beispiel nur ein @Entity mit einem @Lob auf bytes -Eigenschaft (da Sie JSF verwenden, gehe ich natürlich davon aus, dass Sie JPA verwenden, um mit der DB zu interagieren).
@Entity
public class Image {
@Id
@GeneratedValue(strategy = IDENTITY) // Depending on your DB, of course.
private Long id;
@Lob
private byte[] bytes;
// ...
}
Der ImageService ist nur ein Standard @Stateless EJB, hier nichts besonderes zu sehen:
@Stateless
public class ImageService {
@PersistenceContext
private EntityManager em;
public Image find(Long id) {
return em.find(Image.class, id);
}
}
