Du kan använda <p:graphicImage>
för att visa bilder lagrade i en byte[]
, oavsett byte[]
källa (DB, diskfilsystem, nätverk, etc). Det enklaste exemplet är:
<p:graphicImage value="#{bean.streamedContent}" />
som refererar till en StreamedContent
egendom.
Detta har dock en fallgrop, särskilt när det används i en itererande komponent såsom en datatabell:gettermetoden kommer att anropas två gånger; första gången av JSF själv för att generera URL:en för <img src>
och andra gången via webbläsare när den behöver ladda ner bildinnehållet baserat på URL:en i <img src>
. För att vara effektiv bör du inte slå DB i det första getter-anropet. För att parametrisera getter-metodanropet så att du kan använda en generisk metod där du skickar ett specifikt bild-ID, bör du använda en <f:param>
(Observera att EL 2.2-funktionen för att skicka metodargument inte fungerar alls eftersom detta inte hamnar i URL:en för <img src>
!).
Sammanfattningsvis bör detta göra:
<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}
returnerar uppenbarligen den unika identifieraren för bilden i databasen (primärnyckeln) och alltså inte byte[]
innehåll. #{imageStreamer}
är en applikationsomfattad böna som ser ut så här:
@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
klass är i det här exemplet bara en @Entity
med en @Lob
på bytes
egendom (eftersom du använder JSF antar jag givetvis att du använder JPA för att interagera med DB).
@Entity
public class Image {
@Id
@GeneratedValue(strategy = IDENTITY) // Depending on your DB, of course.
private Long id;
@Lob
private byte[] bytes;
// ...
}
ImageService
är bara en standard @Stateless
EJB, inget speciellt att se här:
@Stateless
public class ImageService {
@PersistenceContext
private EntityManager em;
public Image find(Long id) {
return em.find(Image.class, id);
}
}