Primefaces 3.5中p:fileUpload组件值丢失问题求助

核心原因 #

HTML的<input type="file">元素出于安全限制，服务器端无法保存或恢复其选中的文件路径/内容，每次AJAX请求重新渲染组件时，未提交的文件选中状态会被重置。

推荐解决方案：使用高级模式暂存文件到服务器会话 #

通过p:fileUpload的mode="advanced"模式，配合fileUploadListener将选中的文件暂存到ViewScoped的Bean中，确保动态添加行时已选文件的信息不会丢失。

前端代码示例

<p:dataTable id="fileUploadTable" value="#{fileBean.fileItems}" var="item">
    <p:column headerText="文件">
        <p:fileUpload mode="advanced" 
                      auto="false"  <!-- 关闭自动上传，手动暂存 -->
                      fileUploadListener="#{fileBean.onFileSelect}"
                      update="fileUploadTable"
                      label="选择文件"
                      allowTypes="/(\.|\/)(pdf|doc|docx|jpg|png)$/"  <!-- 按需限制文件类型 -->
                      fileLimit="1"/>  <!-- 每行仅允许选一个文件 -->
        <!-- 回显已选文件名 -->
        <h:outputText value="#{item.fileName}" rendered="#{not empty item.fileName}"/>
    </p:column>
</p:dataTable>

<p:commandButton value="添加文件行" 
                 action="#{fileBean.addNewFileItem}"
                 update="fileUploadTable"
                 process="@this"/>

后端Bean代码示例（ViewScoped）

import org.primefaces.event.FileUploadEvent;
import org.primefaces.model.UploadedFile;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.ViewScoped;
import java.io.Serializable;
import java.util.ArrayList;
import java.util.List;

@ManagedBean
@ViewScoped
public class FileBean implements Serializable {

    // 存储每行的文件信息（自定义类，用于保存文件名和暂存的文件对象）
    private List<FileItem> fileItems = new ArrayList<>();

    // 处理文件选中事件，暂存文件到当前行
    public void onFileSelect(FileUploadEvent event) {
        UploadedFile uploadedFile = event.getFile();
        // 找到当前操作的行（可通过组件客户端ID或事件源定位，此处简化为最后一行）
        if (!fileItems.isEmpty()) {
            FileItem lastItem = fileItems.get(fileItems.size() - 1);
            lastItem.setFile(uploadedFile);
            lastItem.setFileName(uploadedFile.getFileName());
        }
    }

    // 添加新的文件行
    public void addNewFileItem() {
        fileItems.add(new FileItem());
    }

    // 自定义内部类，存储每行的文件信息
    public static class FileItem implements Serializable {
        private UploadedFile file;
        private String fileName;

        // getter和setter
        public UploadedFile getFile() { return file; }
        public void setFile(UploadedFile file) { this.file = file; }
        public String getFileName() { return fileName; }
        public void setFileName(String fileName) { this.fileName = fileName; }
    }

    // getter for fileItems
    public List<FileItem> getFileItems() { return fileItems; }
}

其他可选方案 #

• 前端暂存（局限性大）：通过JavaScript监听file元素的change事件，将选中的File对象存入全局数组，重新渲染后通过DataTransfer克隆元素恢复文件选中状态。但该方法受浏览器安全限制，仅适用于纯前端暂存，页面刷新后数据丢失。
• 局部渲染优化：避免重新渲染整个表格，仅更新新增的行节点。但需要精准控制AJAX的update范围，且无法解决未提交文件的前端选中状态丢失问题，仅能保证后端Bean中的文件对象不丢失。

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