Du kan bruge <p:graphicImage>
for at vise billeder gemt i en byte[]
, uanset byte[]
kilde (DB, diskfilsystem, netværk osv.). Det enkleste eksempel er:
<p:graphicImage value="#{bean.streamedContent}" />
som henviser til en StreamedContent
ejendom.
Dette har dog en faldgrube, især når det bruges i en itererende komponent såsom en datatabel:getter-metoden vil blive påkaldt to gange; første gang af JSF selv for at generere URL'en til <img src>
og anden gang af webbrowser, når den skal downloade billedindholdet baseret på URL'en i <img src>
. For at være effektiv bør du ikke ramme DB'en i det første getter-kald. For også at parametrere getter-metodekaldet, så du kan bruge en generisk metode, hvor du sender et specifikt billed-id, skal du bruge en <f:param>
(bemærk venligst, at EL 2.2-funktionen til at sende metodeargumenter slet ikke virker, da dette ikke ender i URL-adressen til <img src>
!).
Sammenfattet burde dette gøre:
<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}
returnerer naturligvis den unikke id for billedet i DB'en (den primære nøgle) og dermed ikke byte[]
indhold. #{imageStreamer}
er en applikationsbaseret bønne, der ser sådan ud:
@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
klasse er i dette særlige eksempel kun en @Entity
med en @Lob
på bytes
ejendom (da du bruger JSF, antager jeg selvfølgelig, at du bruger JPA til at interagere med DB).
@Entity
public class Image {
@Id
@GeneratedValue(strategy = IDENTITY) // Depending on your DB, of course.
private Long id;
@Lob
private byte[] bytes;
// ...
}
ImageService
er bare en standard @Stateless
EJB, intet særligt at se her:
@Stateless
public class ImageService {
@PersistenceContext
private EntityManager em;
public Image find(Long id) {
return em.find(Image.class, id);
}
}