弹簧 - 在jsp文件上显示图像

jsp java spring spring-mvc jstl

2022-09-03 08:25:46

我的模型存储图像用文件名（作为字符串）和数据（作为字节数组）描述。我使用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>

答案 1

你不能这样做。您的图片必须以某种方式通过普通网址公开。在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中，您可能需要在控制器端进行更多的编码。但原理是一样的。

答案 2

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">`