Comment afficher l'image à partir de la base de données mysql en utilisant MVC printemps

j'ai écrit le code ci-dessous dans mon contrôleur et ça marche très bien pour moi.

dans mon projet, L'utilisateur contient L'objet de profil qui a la photo @Lob. Modifiez ce code selon vos attributs.

    byte[] encodeBase64 = Base64.encode(user.getProfile().getPhoto());
    String base64Encoded = new String(encodeBase64, "UTF-8");
    mav.addObject("userImage", base64Encoded );

Dans le fichier JSP, j'ai écrit le code

<img src="data:image/jpeg;base64,${userImage}" />

pour cela, vous avez besoin de common-codec jar.

une chose de plus que vous pouvez faire pour afficher l'image dans jsp à partir de la base de données. supposons que vous ayez besoin d'Afficher des images de tous les utilisateurs dans jsp. pour cela, vous pouvez créer votre propre étiquette custome jstl qui contient le code pour convertir l'image byte en image base64.

ici dans mon projet l'image est en classe de profil

I. E utilisateur.getProfile ().getPhoto ()

    package com.spring.tags;

import java.io.IOException;
import java.io.UnsupportedEncodingException;
import java.text.SimpleDateFormat;
import java.util.Date;

import javax.servlet.jsp.JspException;
import javax.servlet.jsp.JspWriter;
import javax.servlet.jsp.tagext.SimpleTagSupport;
import javax.servlet.jsp.tagext.TagSupport;

import org.apache.commons.codec.base64.Base64;

public class UserImage extends SimpleTagSupport {

    private byte[] usrImage;

    public void setUsrImage(byte[] usrImage) {
        this.usrImage = usrImage;
    }

@Override
    public void doTag() throws JspException, IOException {
        System.out.println("tag lib");
        try {
            JspWriter out = getJspContext().getOut();
            if (usrImage != null && usrImage.length > 0) {
                byte[] encodeBase64 = Base64.encode(usrImage);
                String base64Encoded = new String(encodeBase64, "UTF-8");
                out.print("data:image/jpeg;base64,"+base64Encoded);

            }
        } catch (Exception e) {
            throw new JspException("Error: " + e.getMessage());     }
    }   
}

créer un fichier tld dans WebContent. j'ai créer un fichier dans mon taglib dossier

<?xml version="1.0" encoding="UTF-8"?>
<taglib version="2.0" xmlns="http://java.sun.com/xml/ns/j2ee" 
  xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
  xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee web-jsptaglibrary_2_0.xsd">
  <tlib-version>1.0</tlib-version>
    <short-name>ui</short-name>
    <uri>/taglib/userimage</uri>
    <tag>
        <name>image</name>
        <tag-class>com.spring.tags.UserImage</tag-class>
        <body-content>empty</body-content>
        <info>This Tag Displayes current user profile image</info>
        <attribute>
            <name>usrImage</name>
            <required>true</required>
            <description>Provide a display format</description>
            <rtexprvalue>true</rtexprvalue>
        </attribute>
    </tag>
</taglib>

Maintenant vous peut écrire du code dans jsp pour afficher l'image.

<img src="<ui:image usrImage='${user.profile.photo}' />

chaque fois qu'il n'est pas nécessaire de convertir l'image dans le contrôleur, il suffit de passer byte image à jsp et notre étiquette custome convertira byte image et la diffusera dans la page de vue.

Note: inclure custome fichier de balises dans le fichier jsp

<%@ taglib uri="/taglib/userimage.tld" prefix="ui"%>

cependant, j'utilisais la requête native pour obtenir le tableau<> de sorte que je ne pouvais pas utiliser la méthode setter et getter dans mon contrôleur pour obtenir les octets à encoder pour Base64, au lieu de cela j'ai créé un champ @Transient dans ma classe Dao pour faire Encoder pour base64 et cela a fonctionné.

Dans mon dao

    @Transient
private String imgUtility;


//getter method for encoding
public String getImgUtility() throws UnsupportedEncodingException {

    byte[] encodeBase64 = Base64.encodeBase64(getImage());
     String base64Encoded = new String(encodeBase64, "UTF-8");              
    return base64Encoded;
}

et dans la page jsp d'affichage vous pouvez le faire

<img src="data:image/jpeg;base64,${tempCust.imgUtility}"/>