Home » Primefaces Fileupload

Primefaces Fileupload

by Online Tutorials Library

PrimeFace FileUpload

It is an input component which is used to upload file to the server. It allows us to upload file from the browser to the server. It includes HTML5 features and has nice user interface with progress bar and other useful butttons.

PrimeFaces selects the most appropriate uploader engine by detection and it is possible to force one or the other usign an optional configuration param.

The <p:fileUpload> component is used to create file upload button in JSF application.

FileUpload Attributes

Attribute Default value Type Description
required false Boolean It is used to mark component as required.
validator null MethodExpr It is used to set validator for the component.
requiredMessage null String It is used to set message to be displayed when required field validation fails.
update null String It is used to set update after fileupload completes.
process null String It is used to set process in fileupload request.
fileUploadListener null MethodExpr A method to invoke when a file is uploaded.
multiple false Boolean It allows choosing of multiple file uploads from native file browse dialog.
auto false Boolean It is used to set file uploading automatically.
label choose String It is a label of the browse button.
allowTypes null String It is used to set the allows types for file.
sizeLimit null Integer It is used to set file size limit.
fileLimit null Integer It is used to set maximum number of files allowed to upload.
invalidSizeMessage null String It is used to set message to display when size limit exceeds.
fileLimitMessage null String It is used to set message to display when file limit exceeds.
accept null String It is used to set filters files in native file browser dialog.
sequential false Boolean It is used to allow sequential file uploads.

Example

Here, in the following example, we are implementing <p:fileUpload> component. This example contains the following files.

JSF File

// fileUpload.xhtml

ManagedBean

// FileUpload.java

Output:

Click on the choose button and upload a file.

PrimeFaces FileUpload 1

Click on the Upload button and uploading will start.

PrimeFaces FileUpload 2

After uploading complete, it displays a message.

PrimeFaces FileUpload 3

You may also like