sql >> Database teknologi >  >> RDS >> Mysql

Viser billeder fra MySQL-databasen i JSF-datatabel

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

}

Se også:



  1. Ukendt kolonneproblem med mysql-alias

  2. Sammenligning af Galera Cluster Cloud-tilbud:Anden del af Google Cloud Platform (GCP)

  3. Omstrukturering af en dårlig database med PHP-løkker eller MySQL

  4. php mysqli_connect:godkendelsesmetode ukendt for klienten [caching_sha2_password]