Primefaces <p:fileUpload/>搭配确认对话框时setter未触发求助

PrimeFaces 8的<p:fileUpload>在simple模式下，依赖非AJAX的multipart表单提交才能将文件数据传递到后端。你的流程中，点击Upload按钮仅触发确认对话框显示（未执行文件上传的提交动作），而对话框Yes按钮的AJAX请求无法携带文件数据（AJAX默认不支持文件上传），导致后端bean的uploadedFile setter从未执行，始终为null。

以下两种方案可针对性解决问题，根据你的业务流程选择：

方案1：先上传文件，再弹出确认框 #

调整流程逻辑，让Upload按钮先完成文件上传（非AJAX提交），再触发确认对话框：

1. 页面代码调整：

<h:form enctype="multipart/form-data">
    <p:fileUpload mode="simple" value="#{yourBean.uploadedFile}" />
    <!-- 非AJAX提交完成文件上传，成功后弹出确认框 -->
    <p:commandButton value="Upload" ajax="false" action="#{yourBean.prepareSave()}" 
                     oncomplete="PF('confirmDialog').show();" />
</h:form>

<p:dialog widgetVar="confirmDialog">
    <h3>确认保存文件？</h3>
    <p:commandButton value="Yes" action="#{yourBean.save()}" 
                     oncomplete="PF('confirmDialog').hide();" />
    <p:commandButton value="No" onclick="PF('confirmDialog').hide();" />
</p:dialog>

2. 后端Bean代码：

private UploadedFile uploadedFile;

// 必须提供getter和setter
public UploadedFile getUploadedFile() { return uploadedFile; }
public void setUploadedFile(UploadedFile uploadedFile) { this.uploadedFile = uploadedFile; }

// 仅作为提交后的过渡方法，无需业务逻辑
public void prepareSave() {}

public void save() {
    // 此处uploadedFile已被setter注入，可直接处理文件保存逻辑
    if (uploadedFile != null) {
        // 例如：获取文件名、保存到磁盘等操作
        String fileName = uploadedFile.getFileName();
        // ...
    }
}

原理：非AJAX提交会触发fileUpload的setter，完成文件数据传递后，再通过oncomplete弹出确认框，此时Yes按钮只需调用保存逻辑即可。

方案2：确认后再触发非AJAX上传 #

若必须先确认再上传，需让对话框的Yes按钮触发包含fileUpload的表单非AJAX提交：

1. 页面代码调整：

<h:form enctype="multipart/form-data">
    <p:fileUpload mode="simple" value="#{yourBean.uploadedFile}" />
    <!-- 仅弹出确认框，阻止默认提交 -->
    <p:commandButton value="Upload" onclick="PF('confirmDialog').show(); return false;" />

    <!-- 将对话框绑定到当前表单，确保提交时包含fileUpload数据 -->
    <p:dialog widgetVar="confirmDialog" appendTo="@(form)">
        <h3>确认上传并保存文件？</h3>
        <!-- 非AJAX提交表单，触发fileUpload setter和save方法 -->
        <p:commandButton value="Yes" ajax="false" action="#{yourBean.save()}" 
                         oncomplete="PF('confirmDialog').hide();" />
        <p:commandButton value="No" onclick="PF('confirmDialog').hide();" />
    </p:dialog>
</h:form>

2. 后端Bean只需保留uploadedFile的getter、setter和save()方法即可。
   原理：Yes按钮的非AJAX提交会触发整个表单的multipart上传，此时fileUpload的setter会被执行，随后调用save()处理文件。

• 所有包含simple模式fileUpload的表单，必须设置enctype="multipart/form-data"，否则文件无法传递。
• simple模式不支持AJAX上传文件，必须依赖非AJAX的multipart表单提交。
• 对话框若不在目标表单内，需通过appendTo="@(form)"确保提交时能包含fileUpload组件的数据。

内容的提问来源于stack exchange，提问作者Zerosero