web-dev-qa-db-ja.com

Spring-jspファイルに画像を表示する

ファイル名(文字列として)およびデータ(バイト配列として)で記述されたモデルストアイメージ。私はHibernateを使用していますが、これが私のモデルです。

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

しかし、私は次のようなウェブサイトに私の保存した画像を表示したいと思います:

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

どうすればできますか?

画像のリクエストを処理するコントローラーを作成する必要がありますか?

コード例はありますか?


更新

<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>
15
bontade

このようにはできません。画像は通常のURLで何らかの方法で公開する必要があります。 Spring MVCで、特定の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();
}

次に、JSPページで使用します。これがHTTP/HTMLの仕組みです。

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

3.1より前のSpring MVCでは、コントローラー側でもう少しコーディングを行う必要がある場合があります。しかし、原則は同じです。

32
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);

次のように、JSPページで使用します。

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

これをチェックする必要があるかもしれません post 。私はあなたのような同様の問題があり、解決策はバイト配列を文字列に変換し、以下のようにimgタグに設定することです、

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

私は数日間正しい答えを探していたので、良い答えを書いていきます:

私の画像はすでにデータベースに保存されています:

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

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

// setters getters etc
}

私のクラス、たとえばShowPictureでは、それを読む必要があります。

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

次に、私のjspページ:

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

そのような単純な ! :)

4
paka
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();
0
NewBee

遅いかもしれませんが、ここで私に役立つものを残し、おそらく誰かが助けることができます。

Spring MVCとHibernateも使用しています

model(エンティティクラス)で文字列型の変数を作成し、Base64でバイト型から文字列への変換を行います。

私は、それぞれの旗が付いている国のテーブルに対してこれを行いました。私が望んでいたのは、すべての国とその側にあるビューのテーブルにリストすることでした。

モデル(エンティティ)

import com.Sun.org.Apache.xerces.internal.impl.dv.util.Base64;
import javax.persistence.Column;
import javax.persistence.Entity;
import javax.persistence.GeneratedValue;
import javax.persistence.GenerationType;
import javax.persistence.Id;
import javax.persistence.Table;
import javax.persistence.Transient;

@Entity
@Table(name = "country")
public class Country implements Java.io.Serializable {

private int id;
private String name;
private byte[] flag;
private String base64; //Variable to store the conversion of a data byte type to String

@Transient //Annotation so it does not persist in the database
public String getBase64() {
    //Convert the data type byte to String, store it in the variable and return it
    return this.base64 = Base64.encode(this.flag); 
}

public void setBase64(String base64) {
    this.base64 = base64;
}

public Country() {
}

public Country(int id, String name, byte[] flag, String base64) {
    this.id = id;
    this.name = name;
    this.flag = this.flag
    this.base64 = this.base64;
}

@Id
@GeneratedValue(strategy = GenerationType.IDENTITY)
@Column(name = "id", unique = true, nullable = false)
public int getId() {
    return this.id;
}

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

@Column(name = "name")
public String getName() {
    return this.name;
}

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

@Column(name = "flag")
public byte[] getFlag() {
    return this.flag;
}

public void setFlag(byte[] flag) {
    this.flag = flag;
}

}

Repository-Implementsはインターフェースです-AbstractDaoはクラスAbstractです import org.springframework.stereotype.Repository; import application.model.Country; import application.repository.dao.AbstractDao; import application.repository.dao.CountryDao; org.hibernate.Criteriaをインポートします。

@Repository("countryDao")
public class CountryDaoImpl extends AbstractDao<Integer, Country> implements CountryDao {

@Override
@SuppressWarnings("unchecked")
public List<Country> listCountries() {
    Criteria criteria = createEntityCriteria(); //Country.class
    criteria.setResultTransformer(Criteria.DISTINCT_ROOT_ENTITY);
    List<Country> listCountries = criteria.list();
    return listCountries;
}

}

サービス-実装はインターフェースです

import application.model.Country;
import application.repository.dao.CountryDao;
import application.service.dao.CountryService;
import Java.util.List;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import org.springframework.transaction.annotation.Transactional;

@Service("countryService")
public class CountryServiceImpl implements CountryService {

@Autowired
private CountryDao countryDao;

@Override
@Transactional(readOnly = true)
public List<Country> listCountries() {
    return countryDao.listCountries();
}
}

コントローラ

import application.model.Country;
import application.service.dao.CountryService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
@RequestMapping(value = "/countries")
public class CountryController {

@Autowired
private CountryService countryService;

@RequestMapping(value = "/list", method = RequestMethod.GET)
public String ListCountries(Model model) {
    model.addAttribute("listcont", countryService.listCountry());
    return "countries/countries"; //view
}

}

表示-国/countries.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://Java.Sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  </head>
  <body>
    <h3>List Countries</h3>
    <table>
      <thead>
        <tr>
          <th>Name</th>
          <th>Flag</th>
        </tr>
      </thead>
      <tbody>
        <c:forEach items="${listcont}" var="country">
         <tr>
          <td>${country.name}</td>
          <td><img src="data:image/png;base64,${country.base64}" /></
         </tr>
        </c:forEach>
      </tbody>
    </table> 
  </body>
</html>