使用分页的数据表中的 Primefaces 动态图像

Question

我已经成功实现了 BalusC 建议的解决方案，用于在数据表中呈现动态图像（代码在此处进一步发布）。我面临的问题是：

问题

我在数据表中使用 pagination，当我移动到我从未访问过的页面时，图像呈现良好。但是当我返回之前访问过的页面时，即使返回了该图像的 StreamedContent，图像也不会显示。

代码

// ImageBean - SessionScoped        
// Get image for compound
public StreamedContent scaledImageById() {
    FacesContext context = FacesContext.getCurrentInstance();

    if (context.getCurrentPhaseId() == PhaseId.RENDER_RESPONSE) {
        return new DefaultStreamedContent();
    } else {
        String idStr = context.getExternalContext().
                                       getRequestParameterMap().get("id");
        StreamedContent image = scaledCompoundImageMap.
                                              get(Integer.valueOf(idStr));
        return image;
    }
}


// Controller - ViewScoped
<p:dataTable id="cTable" value="#{controller.compoundList}" var="compound">
       <p:column headerText="Structure" style="text-align:center">
          <p:graphicImage id="scaledImage" 
                          value="#{imageBean.scaledImageById()}"     
                          cache="false">
                <f:param name="id" value="#{compound.id}" />
          </p:graphicImage>
       </p:column>   
  ...

因此，当我在分页器中访问新页面时，图像显示正常。但是当我回到一个已经访问过的页面时，图像没有显示（即使 scaledImageById 被调用了两次并且 StreamedContent 被很好地返回）。

如果您需要任何其他代码，请告诉我，我们将不胜感激。谢谢。

阿卜杜勒

Answer 1

在 HTML 方面，你有 img 元素：

<img src="some_url?id=xyz"/>

如果图像存储在数据库中，并且永远不会更改（上传新图像会在您的实体中创建新的图像 ID），则您可以实现更大的灵活性和性能，为图像创建自定义 servlet。

1) 创建 servlet 并将其绑定到 'some_url'

2) 在 servlet 中，从数据库（或其他任何东西）中读取图像

3) 设置标头，最重要的内容类型和内容长度，以及缓存标头

4) 将内容写入输出流

好处是，如果你有固定的图片 url 和良好的缓存策略，浏览器会从缓存中获取图片 - 不必每次都调用 bean。