jsf - 以相同的形式显示 Primeface 的 p:fileUpload 中的 UploadedFile 内容，无需刷新

Question

我正在尝试实现 ImageUpload 并使用 DynamicImage 在同一页面上立即显示上传的图像。我的问题是，我无法强制刷新 p:graphicImage 内容并在上传后显示上传的图像。

@ManagedBean(name = "myformbean")
@Controller
@ViewScoped
@Data
public class MyFormBean implements Serializable {

    private StreamedContent listImage = null;

    public StreamedContent getListImage() {
        if (listImage == null) {
            try {
                listImage = new DefaultStreamedContent(new FileInputStream("E:/t.jpg"), "image/png"); // load a dummy image
            }
            catch (FileNotFoundException e) {
                e.printStackTrace();
            }
        }

        return listImage;
    }

    public void handleFileUpload(FileUploadEvent event) {
        final UploadedFile uploadedFile = event.getFile();

        listImage = new DefaultStreamedContent(new ByteArrayInputStream(uploadedFile.getContents()), "image/png");
    }
}

在 .xhtml 文件中：

<p:graphicImage value="#{myformbean.listImage}" />

Answer 1

如果您的上传完成了工作

您需要做的就是将 id 设置为<p:graphicImage这样

<p:graphicImage id="refreshMe" value="#{myformbean.listImage}" />

并在您<p:fileUpload设置的更新属性中指向图像

像这样

<p:fileUpload  auto="true"  ... update="refreshMe" ....