Můžete použít <p:graphicImage>
pro zobrazení obrázků uložených v byte[]
, bez ohledu na byte[]
zdroj (DB, souborový systém disku, síť atd.). Nejjednodušší příklad je:
<p:graphicImage value="#{bean.streamedContent}" />
který odkazuje na StreamedContent
vlastnost.
To má však úskalí, zejména při použití v iterační komponentě, jako je tabulka dat:metoda getter bude vyvolána dvakrát; poprvé samotným JSF k vygenerování URL pro <img src>
a podruhé webovým prohlížečem, když potřebuje stáhnout obsah obrázku na základě adresy URL v <img src>
. Chcete-li být efektivní, neměli byste zasáhnout DB při prvním volání getteru. Chcete-li parametrizovat volání metody getter, abyste mohli použít obecnou metodu, ve které předáte konkrétní ID obrázku, měli byste použít <f:param>
(Upozorňujeme, že funkce předávání argumentů metody EL 2.2 nebude vůbec fungovat, protože to neskončí v URL <img src>
!).
Souhrnně by to mělo fungovat:
<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>
#{item.imageId}
zjevně vrací jedinečný identifikátor obrázku v DB (primární klíč), a tedy ne byte[]
obsah. #{imageStreamer}
je bean s rozsahem aplikace, který vypadá takto:
@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()));
}
}
}
Image
class je v tomto konkrétním příkladu pouze @Entity
s @Lob
na bytes
vlastnost (protože používáte JSF, samozřejmě předpokládám, že k interakci s DB používáte JPA).
@Entity
public class Image {
@Id
@GeneratedValue(strategy = IDENTITY) // Depending on your DB, of course.
private Long id;
@Lob
private byte[] bytes;
// ...
}
ImageService
je pouze standardní @Stateless
EJB, zde není nic zvláštního:
@Stateless
public class ImageService {
@PersistenceContext
private EntityManager em;
public Image find(Long id) {
return em.find(Image.class, id);
}
}