sql >> Databasteknik >  >> RDS >> Mysql

Visar bilder från MySQL-databas i JSF-datatabell

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

}

Se även:



  1. MySql upsert och auto-increment orsakar luckor

  2. SQL Server-index:Nyckelkrav, prestandapåverkan och överväganden

  3. Snabbt sätt att generera sammanlänkade strängar i Oracle

  4. Hur kan jag lägga till en kolumn som inte tillåter nollvärden i en Postgresql-databas?