L'affichage des images à partir de bases de données MySQL en JSF datatable

Vous pouvez utiliser <p:graphicImage> pour afficher des images stockées dans un byte[], quel que soit le byte[] source (DB, système de fichier du disque, réseau, etc...). Exemple le plus simple est:

<p:graphicImage value="#{bean.streamedContent}" />

qui désigne un StreamedContent propriété.

Cela a toutefois un écueil à éviter, notamment lorsqu'ils sont utilisés dans une itération composant, tel qu'un tableau de données: la méthode de lecture sera invoquée deux fois; la première fois par JSF lui-même pour générer l'URL pour <img src> et la deuxième fois par webbrowser quand il a besoin de télécharger le contenu de l'image en fonction de l'URL dans <img src>. Pour être efficace, il ne devrait pas être frappé dans la DB dans la première getter appel. Aussi, afin de pouvoir paramétrer la méthode de lecture d'appel de sorte que vous pouvez utiliser une méthode générique dans lequel vous passez d'une image spécifique ID, vous devriez être en utilisant un <f:param> (veuillez noter que EL 2.2 fonction de la méthode de passage des arguments ne fonctionne pas du tout comme cela ne se retrouvent pas dans l'URL de <img src>!).

Résumé, cela devrait le faire:

<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>

La #{item.imageId} évidemment renvoie l'unique idenfitier de l'image dans la base de données (clé primaire) et donc pas la byte[] de contenu. Le #{imageStreamer} est une application étendue de haricot qui ressemble à ceci:

@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()));
        }
    }

}

La Image classe est dans cet exemple particulier, juste un @Entity avec un @Lob sur bytes propriété (que vous êtes en utilisant JSF, j'ai de cource supposons que vous êtes en utilisant JPA pour interagir avec la DB).

@Entity
public class Image {

    @Id
    @GeneratedValue(strategy = IDENTITY) //Depending on your DB, of course.
    private Long id;

    @Lob
    private byte[] bytes;

    //...
}

La ImageService est juste une norme @Stateless EJB, rien de spécial à voir ici:

@Stateless
public class ImageService {

    @PersistenceContext
    private EntityManager em;

    public Image find(Long id) {
        return em.find(Image.class, id);
    }

}

Voir aussi:

• Affichage dynamique de l'image à partir de la base de données avec p:graphicImage et StreamedContent

OriginalL'auteur BalusC