2

<p:graphicImage>使用如下方式显示 BLOB 图像。

<p:graphicImage value="#{categoryBean.image}">
    <f:param name="id" value="7"/>
</p:graphicImage>

其中CategoryBean已定义如下。

@Named
@ApplicationScoped
public class CategoryBean {

    @Inject
    private CategoryService service;

    public CategoryBean() {}

    public StreamedContent getImage() throws IOException {
        FacesContext context = FacesContext.getCurrentInstance();

        if (context.getCurrentPhaseId() == PhaseId.RENDER_RESPONSE) {
            return new DefaultStreamedContent();
        } else {
            String id = context.getExternalContext().getRequestParameterMap().get("id");
            byte[] bytes = Utils.isNumber(id) ? service.findImageById(Long.parseLong(id)) : null;
            return bytes == null ? null : new DefaultStreamedContent(new ByteArrayInputStream(bytes));
        }
    }
}

关于上述方法，以下自定义标签应该可以正常工作，但无法在<p:graphicImage>没有错误/异常的情况下显示图像。

<my:image bean="#{categoryBean}" property="image" paramName="id" paramValue="7"/>

标记文件位于/WEB-INF/tags/image.xhtml.

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:p="http://primefaces.org/ui"
                xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
                xmlns:f="http://xmlns.jcp.org/jsf/core">

    <p:graphicImage value="#{bean[property]}">
        <f:param name="#{paramName}" value="#{paramValue}"/>
    </p:graphicImage>
</ui:composition>

生成的<img>标签看起来不错：

<img id="form:j_idt4"
     src="/ContextPath/javax.faces.resource/dynamiccontent.properties.xhtml?ln=primefaces&amp;v=5.3&amp;pfdrid=IA0%2F7ZuBnGS%2BSzeb%2BHyPOTo4Pxp4hjI6&amp;pfdrt=sc&amp;id=7&amp;pfdrid_c=true"
     alt=""/>

它只返回一个 HTTP 404 错误。

给定的自定义标签的定义是否有任何缺陷？

4

1 回答 1

2

<p:graphicImage>这是由 PrimeFaces识别图像请求的方式引起的。基本上，它将精确的值表达式转换#{bean[property]}为字符串，对其进行加密，然后将其作为pfdrid值传递。当网络浏览器需要通过全新的 HTTP 请求下载图像时，该值表达式将在“当前”EL 上下文中解密和评估。但是，在那一刻， EL 上下文中#{bean}没有#{property}任何地方可用，因为没有带有标记文件和所有内容的 JSF 视图。只有请求、会话和应用程序范围的 bean 在 EL 上下文中可用。

除了在 PrimeFaces 上报告问题外，没有什么可做的。

至于替代解决方案，OmniFaces<o:graphicImage>在这方面做得更好，它在渲染响应期间而不是在流式传输图像期间检查目标 bean/方法。它立即检查#{bean[property]}，发现它实际上代表#{categoryBean.image}，然后成功。只是为了确保我在像你一样的标记文件中对其进行了测试，并且它对我来说很好，而 PF 确实如所描述的那样失败了。

<o:graphicImage value="#{bean[property](paramValue)}" />


public byte[] getImage(Long id) throws IOException {
    return service.findImageById(id);
}
于 2016-02-11T14:04:10.177 回答