我正在使用 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;
}
所以基本上我从迭代中接收 productIt,并在数据库中搜索相应的产品图像(我不知道这是否是最佳选择)。
这里的问题是,当访问此页面时,我在浏览器中收到完整图像:
我很迷失在这部分。
有人知道我在这里缺少什么吗?
提前致谢。
我假设您指的是将数据库中的图像显示为字节 [] 作为 JSF 页面中的图形图像
我相信你的主要问题是你正在结束你的响应流: 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
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句