sql >> Databáze >  >> RDS >> Mysql

Zobrazení obrázků z databáze MySQL v JSF datatable

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

}

Viz také:



  1. Převést z DateTime na INT

  2. Jak používat trvalé připojení mysqli na různých stránkách

  3. Včetně tabulek a schémat při výpisu sloupců identity v databázi SQL Server

  4. Aktualizujte formulář pomocí Ajax, PHP, MYSQL