PrimeFace 文件上传

17 Mar 2025 | 阅读 2 分钟

这是一个用于将文件上传到服务器的输入组件。它允许我们从浏览器上传文件到服务器。它包括 HTML5 功能,并具有漂亮的用户界面,带有进度条和其他有用的按钮。

PrimeFaces 通过检测选择最合适的上传引擎,可以使用可选的配置参数强制使用其中一个。

<p:fileUpload> 组件用于在 JSF 应用程序中创建文件上传按钮。

FileUpload 属性

属性默认值类型描述
必需falseBoolean它用于将组件标记为必需。
validatornullMethodExpr用于设置组件的验证器。
requiredMessagenullString它用于设置必填字段验证失败时显示的消息。
update(更新)nullString用于在文件上传完成后设置更新。
processnullString用于在文件上传请求中设置处理。
fileUploadListenernullMethodExpr在上传文件时调用的方法。
multiplefalseBoolean允许从本地文件浏览对话框中选择多个文件上传。
autofalseBoolean用于自动设置文件上传。
label选择String这是浏览按钮的标签。
allowTypesnullString用于设置允许的文件类型。
sizeLimitnullInteger用于设置文件大小限制。
fileLimitnullInteger用于设置允许上传的最大文件数。
invalidSizeMessagenullString用于设置在超出大小限制时要显示的消息。
fileLimitMessagenullString用于设置在超出文件限制时要显示的消息。
acceptnullString用于在本地文件浏览器对话框中设置筛选文件。
sequentialfalseBoolean用于允许顺序文件上传。

示例

在这里,在下面的示例中,我们正在实现 <p:fileUpload> 组件。此示例包含以下文件。

JSF 文件

// fileUpload.xhtml

ManagedBean

// FileUpload.java

输出

单击选择按钮并上传文件。

PrimeFaces FileUpload 1

单击上传按钮,上传将开始。

PrimeFaces FileUpload 2

上传完成后,它会显示一条消息。

PrimeFaces FileUpload 3