Как отобразить изображение из базы данных mysql с помощью spring mvc

Ответ 1

Наконец-то я смогу отобразить изображение на моем jsp. что я сделал.

Я отдельно создал контроллер вроде этого.

@Controller
@RequestMapping("/myImage")
public class ImageController {

@Resource(name="categoryService")
private CategoryService categoryService;

@Resource(name="itemService")
private ItemService itemService;

@RequestMapping(value = "/imageDisplay", method = RequestMethod.GET)
  public void showImage(@RequestParam("id") Integer itemId, HttpServletResponse response,HttpServletRequest request) 
          throws ServletException, IOException{


    Item item = itemService.get(itemId);        
    response.setContentType("image/jpeg, image/jpg, image/png, image/gif");
    response.getOutputStream().write(item.getItemImage());


    response.getOutputStream().close();

и в jsp я сделал это

<img src="/Project1/myImage/imageDisplay?id=${item.itemId}"/>

И изображение было успешно отображено.

Ответ 2

Я написал код ниже в моем контроллере, и он работает нормально для меня.

В моем проекте Пользователь содержит объект профиля с фотографией @Lob. Измените этот код в соответствии с вашими атрибутами.

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

В файле JSP я написал код

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

Для этого вам понадобится баночка с общим кодеком.

Также вы можете использовать собственный тег для показа изображения.

Ответ 3

Еще одна вещь, которую вы можете сделать для отображения изображения в jsp из базы данных. предположим, что вам нужно отображать изображения всех пользователей в jsp. для этого вы можете создать свой собственный тег justl custome, который содержит код для преобразования байтового изображения в образ base64.

здесь в моем проекте изображение находится в классе профиля

i.e user.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());     }
    }   
}

создать файл tld в WebContent. Я создаю файл в папке taglib

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

Теперь вы можете написать код в jsp для отображения изображения.

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

Каждый раз, когда нет необходимости конвертировать изображение в контроллер, просто передайте изображение байта в jsp, и наш тег custome преобразует изображение в байты и отправит его на страницу просмотра.

Примечание: включить файл тегов custome в файл jsp

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

Ответ 4

Однако я использовал собственный запрос для получения ArrayList & lt;>, поэтому я не мог использовать метод setter и getter в своем контроллере для получения байтов для кодирования в Base64, вместо этого я создал поле @Transient в своем классе Dao для кодирования в base64 и это сработало.

В моем дао

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

и в представлении JSP вы можете сделать это

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