将从JSF托管bean上传的图像显示回XHTML页面进行预览

我使用

上传图像，如下所示

<p:fileUpload mode="advanced"
              fileLimit="1"
              allowTypes="/(\.|\/)(gif|jpe?g|png)$/"
              update="@this"
              fileUploadListener="#{bean.fileUploadListener}"/>

---

上传后，如何直接从这个JSF托管bean在

上显示上传的图像文件？这只是为了提示用户正在预览的图像将被上传。

在此处查看，还是在此处需要帮助？Emil Kaminski发布的第二种方法（客户端javascript）将为您节省大量带宽和电力，因此节省资金；）该图像将显示在另一个选项卡（

的

）上进行预览。图像的上载和预览在单独的选项卡上。因此，我需要一个会话范围的托管bean来获取映像。客户端解决方案不太可能起作用。

private byte[] file; //Getter only

public void fileUploadListener(FileUploadEvent event) throws IOException {
    UploadedFile uploadedFile = event.getFile();
    file = IOUtils.toByteArray(uploadedFile.getInputstream());
}