Spring + JSF - 从数据库中检索图像并在浏览器中显示 [重复]

Question

我正在使用 Spring 4 + JSF 2.0 框架 + MySQL 数据库开发一个网站。 我正在尝试从数据库中检索图像并将其显示在浏览器上。 所以基本上我有一个名为 product_t 的表，其中有一个名为 image 的 LongBlob 列，它负责存储 png 文件。

我需要从页面中的每个产品中检索每个图像，所以：

<ui:repeat value="#{productControllerImpl.list3NotNewRandomProducts()} var="product" varStatus="status">
<h2>#{product.name}</h2>
<strong>#{product.subDescription}</strong><br></br> <span>#{product.description}
</ui:repeat>

到目前为止一切顺利。

我在谷歌上搜索以下解决方案：

对于 UI 中的每个产品，我需要调用一个 Servlet 来检索图像。 由于我使用的是 JSF + Spring，所以我在 UI 中编写了以下代码块：

<h:graphicImage   value="/images/#{productControllerImpl.findProductImageById(product.id)}"/>

在我的 productControllerImpl 我有这个：

@Override
public byte[] findProductImageById(Long productId) {
    byte[] productImage = null;
    HttpServletResponse response = (HttpServletResponse) FacesContext.getCurrentInstance().getExternalContext().getResponse();      
    ServletOutputStream outputStream = null; 
    try {
        productImage = productService.findProductImageById(productId);
        response.reset();           
        outputStream = response.getOutputStream();
        response.setContentType("image/png");
        outputStream.write(productImage);
        outputStream.flush();       
        outputStream.close();
    } catch(Throwable e){
        throw new RuntimeException("Error processing product image: " + e.getMessage(), e);
    }

    return null;
}

所以基本上我从迭代中接收到 producIt，并在数据库中搜索相应的产品图像（我不知道这是否是最佳选择）。

这里的问题是，当访问此页面时，我会在浏览器中收到完整的图像：

我很迷失在这部分。

有人知道我在这里缺少什么吗？

提前致谢。

Answer 1

我假设你指的是Show image as byte[] from database as graphic image in JSF page

我相信您的主要问题是您要结束响应流： outputStream.flush();
outputStream.close(); 删除它们，然后在 doGet 上为图像 servlet 重试。

我个人更喜欢带有 PrimeFaces 的 StreamedContent，正如这里提到的 Display dynamic image from database with p:graphicImage and StreamedContent

或 OmniFaces graphicsImage http://showcase.omnifaces.org/components/graphicImage 而不是创建 servlet 来输出内容。

BalusC 的这篇文章将解决你所有的问题：Servlet for serving static content