我正在尝试在StreamedContent
中显示以<p:graphicImage>
格式保存在数据库中的图像字节,如下所示:
<p:graphicImage value="#{item.imageF}" width="50" id="grpImage" height="80"/>
private StreamedContent content; // getter and setter
public StreamedContent getImageF() {
if (student.getImage() != null) {
InputStream is = new ByteArrayInputStream(student.getImage());
System.out.println("Byte :"+student.getImage());
content = new DefaultStreamedContent(is, "", student.getStuID());
System.out.println("ddd ------------------------------- " + content);
return content;
}
return content;
}
返回空白图像。这是怎么造成的,我该如何解决?
stdout打印以下内容:
INFO: Byte :[B@a2fb48
INFO: ddd ------------------------------- org.primefaces.model.DefaultStreamedContent@b0887b
INFO: Byte :[B@a2fb48
INFO: ddd ------------------------------- org.primefaces.model.DefaultStreamedContent@1d06a92
INFO: Byte :[B@d52f0b
INFO: ddd ------------------------------- org.primefaces.model.DefaultStreamedContent@39a60
INFO: Byte :[B@d52f0b
INFO: ddd ------------------------------- org.primefaces.model.DefaultStreamedContent@8c3daa
INFO: Byte :[B@124728a
INFO: ddd ------------------------------- org.primefaces.model.DefaultStreamedContent@1dbe05b
INFO: Byte :[B@124728a
INFO: ddd ------------------------------- org.primefaces.model.DefaultStreamedContent@66a266
INFO: Byte :[B@a2fb48
INFO: ddd ------------------------------- org.primefaces.model.DefaultStreamedContent@1293976
INFO: Byte :[B@a2fb48
INFO: ddd ------------------------------- org.primefaces.model.DefaultStreamedContent@17b7399
INFO: Byte :[B@d52f0b
INFO: ddd ------------------------------- org.primefaces.model.DefaultStreamedContent@1e245a5
INFO: Byte :[B@d52f0b
INFO: ddd ------------------------------- org.primefaces.model.DefaultStreamedContent@4a7153
INFO: Byte :[B@124728a
INFO: ddd ------------------------------- org.primefaces.model.DefaultStreamedContent@1561bfd
INFO: Byte :[B@124728a
INFO: ddd ------------------------------- org.primefaces.model.DefaultStreamedContent@47a8c2
答案 0 :(得分:91)
<p:graphicImage>
需要特殊的getter方法。它将在每个生成的映像中调用两次,每个映像都在一个完全不同的HTTP请求中。
第一个请求JSF页面的HTML结果的HTTP请求将首次调用getter,以便生成具有正确唯一且自动生成的URL的HTML <img>
元素。 src
属性,其中包含有关webbrowser即将请求图像时应该调用哪些bean和getter的信息。请注意,此时getter会执行而不是需要返回图像的内容。它不会以任何方式使用,因为HTML不是如何工作的(图像不是在HTML输出中“内联”,而是单独请求它们。)
一旦webbrowser将HTTP结果作为HTTP响应检索,它将解析HTML源代码,以便将结果直观地呈现给最终用户。一旦webbrowser在解析HTML源代码时遇到<img>
元素,它就会在其src
属性中指定的URL上发送全新的HTTP请求,以便下载该图像的内容并嵌入它在视觉呈现中。这将第二次调用getter方法,而后者又应返回实际图像内容。
在你的特定情况下 PrimeFaces显然要么无法识别和调用getter以便检索实际的图像内容,要么getter没有返回预期的图像内容。 #{item}
变量名称的使用以及日志中的大量调用表明您在<ui:repeat>
或<h:dataTable>
中使用了它。很可能,支持bean是请求作用域,并且在请求图像期间未正确保留datamodel,并且JSF将无法在正确的迭代轮次期间调用getter。视图范围的bean也不起作用,因为当浏览器实际请求图像时,JSF视图状态无处可用。
要解决此问题,最好的办法是重写getter方法,以便可以按请求调用它,其中您将唯一图像标识符作为<f:param>
传递,而不是依赖于某些支持在后续HTTP请求期间可能“不同步”的bean属性。为此没有任何状态使用单独的应用程序范围的托管bean是完全有意义的。此外,InputStream
只能读取一次,而不能多次读取。
换句话说:永远不会将StreamedContent
或任何InputStream
甚至UploadedFile
声明为bean属性;只有当webbrowser实际请求图像内容时,才会在无状态@ApplicationScoped
bean的getter中创建全新的。
E.g。
<p:dataTable value="#{bean.students}" var="student">
<p:column>
<p:graphicImage value="#{studentImages.image}">
<f:param name="studentId" value="#{student.id}" />
</p:graphicImage>
</p:column>
</p:dataTable>
StudentImages
支持bean看起来像这样:
@Named // Or @ManagedBean
@ApplicationScoped
public class StudentImages {
@EJB
private StudentService service;
public StreamedContent getImage() throws IOException {
FacesContext context = FacesContext.getCurrentInstance();
if (context.getCurrentPhaseId() == PhaseId.RENDER_RESPONSE) {
// So, we're rendering the HTML. Return a stub StreamedContent so that it will generate right URL.
return new DefaultStreamedContent();
}
else {
// So, browser is requesting the image. Return a real StreamedContent with the image bytes.
String studentId = context.getExternalContext().getRequestParameterMap().get("studentId");
Student student = studentService.find(Long.valueOf(studentId));
return new DefaultStreamedContent(new ByteArrayInputStream(student.getImage()));
}
}
}
请注意,这是一个非常特殊的情况,其中以getter方法执行业务逻辑是完全合法的,考虑<p:graphicImage>
如何在幕后工作。在getter中调用业务逻辑通常是不受欢迎的,另请参阅Why JSF calls getters multiple times。不要将此特殊情况作为其他标准(非特殊)情况的借口。还请注意,您不能使用传递方法参数的EL 2.2功能,例如#{studentImages.image(student.id)}
,因为此参数不会在图像URL中结束。因此,您确实需要将它们作为<f:param>
传递。
如果你碰巧使用OmniFaces 2.0 or newer,那么考虑使用它的<o:graphicImage>
代替它可以更直观地使用,应用程序范围的getter方法直接委托给服务方法并支持EL 2.2方法参数。
如此:
<p:dataTable value="#{bean.students}" var="student">
<p:column>
<o:graphicImage value="#{studentImages.getImage(student.id)}" />
</p:column>
</p:dataTable>
使用
@Named // Or @ManagedBean
@ApplicationScoped
public class StudentImages {
@EJB
private StudentService service;
public byte[] getImage(Long studentId) {
return studentService.find(studentId).getImage();
}
}
另请参阅有关该主题的the blog。
答案 1 :(得分:5)
尝试包含mime类型。在您发布的示例中,您将其设为“”。空白图像可能是因为它不将流识别为图像文件,因为您将该字段设为空字符串。所以添加一个mime类型的image / png或image / jpg,看看是否有效:
String mimeType = "image/jpg";
StreamedContent file = new DefaultStreamedContent(bytes, mimeType, filename);
答案 2 :(得分:4)
这里有几种可能性(如果不是这样,请发布整个课程。)
1)您没有正确初始化图像 2)你的流是空的,所以你什么都没得到
我假设student.getImage()有一个byte []的签名,所以首先要确保该数据实际上是完整的并代表一个图像。其次 - 您没有指定应该是“image / jpg”的内容类型或您正在使用的任何内容类型。
这是一些用于检查的样板代码,我正在使用Primefaces 2。
/** 'test' package with 'test/test.png' on the path */
@RequestScoped
@ManagedBean(name="imageBean")
public class ImageBean
{
private DefaultStreamedContent content;
public StreamedContent getContent()
{
if(content == null)
{
/* use your database call here */
BufferedInputStream in = new BufferedInputStream(ImageBean.class.getClassLoader().getResourceAsStream("test/test.png"));
ByteArrayOutputStream out = new ByteArrayOutputStream();
int val = -1;
/* this is a simple test method to double check values from the stream */
try
{
while((val = in.read()) != -1)
out.write(val);
}
catch(IOException e)
{
e.printStackTrace();
}
byte[] bytes = out.toByteArray();
System.out.println("Bytes -> " + bytes.length);
content = new DefaultStreamedContent(new ByteArrayInputStream(bytes), "image/png", "test.png");
}
return content;
}
}
和一些标记...
<html
xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:p="http://primefaces.prime.com.tr/ui"
>
<h:head>
</h:head>
<h:body>
<p:graphicImage value="#{imageBean.content}" />
</h:body>
</html>
如果该代码有效,那么您已正确设置。尽管它是流的垃圾代码(不要在生产中使用它)它应该给你一个故障排除点。我的猜测是,您的JPA或其他数据库框架中可能发生了一些事情,其中您的byte []为空或格式错误。或者,您可能只有内容类型问题。
最后,我将克隆bean中的数据,以便student.getImage()只能复制到新数组中然后使用。这样一来,如果你有一些未知的东西(其他东西移动对象或改变字节[],你就不会弄乱你的流。
做类似的事情:
byte[] data = new byte[student.getImage().length]
for(int i = 0; i < data.length; i++)
data[i] = student.getImage()[i];
这样你的bean就有了一个副本(或者Arrays.copy() - 无论什么漂浮在你的船上)。我不能强调像这样/内容类型这样简单的东西通常是什么错。祝你好运。
答案 3 :(得分:3)
BalusC的答案(正常情况下)是正确答案。
但请记住一件事(正如他已经说过的那样)。最终请求是从浏览器完成的,以从构建的<img>
标记中获取URL。这不是在'jsf上下文'中完成的。
因此,如果您尝试例如访问phaseId(记录或任何原因)
context.getCurrentPhaseId().getName()
这将导致NullPointerException
并且您将获得的某种误导性错误消息是:
org.primefaces.application.resource.StreamedContentHandler () - Error in streaming dynamic resource. Error reading 'image' on type a.b.SomeBean
我花了很长时间才弄明白问题是什么。