Spring - afficher l'image sur le fichier jsp

mon modèle de l'image du magasin décrit avec un nom de fichier (sous forme de Chaîne) et des données (comme le tableau d'octets). J'utilise Hibernate et voici mon modèle:

@Entity
public class Image {

    private Long id;
    private String name;
    private byte[] data;

    @Id
    @GeneratedValue
    @Column(name = "IMAGE_ID")
    public Long getId() {
        return id;
    }

    public void setId(Long id) {
        this.id = id;
    }

    @Column(nullable = false, length = 100)
    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    @Lob
    @Column(nullable = false)
    public byte[] getData() {
        return data;
    }

    public void setData(byte[] data) {
        this.data = data;
    }
}

Mais je veux afficher mon image stockée sur le site web comme:

<img src="${image.data}" alt="car_image"/>

Comment pourrais-je le faire?

Dois-je écrire sur un contrôleur de répondre à des demandes pour des images?

Tous les exemples de code?

Mise à JOUR

<bean id="viewResolver"
    class="org.springframework.web.servlet.view.UrlBasedViewResolver">
    <property name="viewClass"
        value="org.springframework.web.servlet.view.tiles2.TilesView" />
</bean>

<bean id="tilesConfigurer"
    class="org.springframework.web.servlet.view.tiles2.TilesConfigurer">
    <property name="definitions">
        <list>
            <value>/WEB-INF/configs/tiles.xml</value>
        </list>
    </property>
</bean>

source d'informationauteur bontade

  1. 31

    Vous ne pouvez pas le faire comme cela. Votre image doit être exposé en quelque sorte par la normale URL. Dans Spring MVC créer un contrôleur, qui renvoie une image (données brutes) en vertu de l'URL:

    @RequestMapping(value = "/imageController/{imageId}")
@ResponseBody
public byte[] helloWorld(@PathVariable long imageId)  {
  Image image = //obtain Image instance by id somehow from DAO/Hibernate
  return image.getData();
}

    Maintenant useit dans votre page JSP. C'est de cette manière HTTP/HTML travail:

    <img src="/yourApp/imageController/42.png" alt="car_image"/>

    Dans Spring MVC avant 3.1 vous devrez peut-être faire un peu plus de codage sur le contrôleur de côté. Mais le principe est le même.

  2. 16
    File file = new File("home/user/test.jpg");
FileInputStream fis=new FileInputStream(file);
ByteArrayOutputStream bos=new ByteArrayOutputStream();
int b;
byte[] buffer = new byte[1024];
while((b=fis.read(buffer))!=-1){
   bos.write(buffer,0,b);
}
byte[] fileBytes=bos.toByteArray();
fis.close();
bos.close();


byte[] encoded=Base64.encodeBase64(fileBytes);
String encodedString = new String(encoded);

ModelMap map = new ModelMap();
map.put("image", encodedString);

    Maintenant l'utiliser dans votre page JSP suivant que

    <img src="data:image/jpeg;base64,${image}" alt="..." width="200" height="200">`
  3. 4

    Vous pouvez avoir besoin de vérifier ce post. J'ai un problème similaire comme vous et la solution est de convertir le tableau d'octets de la chaîne et définie dans la balise img, comme ci-dessous,

     <img src="data:image/jpg;base64,<c:out value='${bean.imageByteArrayString}'/>" />
  4. 4

    J'étais à la recherche fo la bonne réponse pour un couple de jours , alors je vais écrire la bonne pour moi:

    Mon image est déjà enregistré dans la base de données:

    @Entity
@Table(name="PRODUCT")
public class Product {

 @Lob
 @Column(name="IMG")
 private byte[] img;

//setters getters etc
}

    Maintenant dans ma classe par exemple ShowPicture-je le lire:

    String encodedImage = Base64.encode(product.getImg());
//setters and getters encodedImage

    Puis ma page jsp:

    <img src='data:image/jpg;base64,<s:property value='encodedImage'/>' alt="my image" />

    Simple que cela ! 🙂

  5. 0
    byte[] img = yourImgEntity.getData();
response.setContentType("image/*"); 
response.setHeader(HttpHeaders.CACHE_CONTROL, "no-cache");
//spring-core's FileCopyUtils
FileCopyUtils.copy(img, response.getOutputStream());

//or just use codes below instead of FileCopyUtils
//response.getOutputStream().write(img);
//response.getOutputStream().flush();
//response.getOutputStream().close();