How to upload file of p:fileUpload using command button instead of upload button

Question

Iam using JSF2.1 along with primefaces for uploading file.In my application i have to add the file dynamically on creating a record.But when i use i cant write the co

Answer 1

That isn't possible with auto mode. Use the basic mode instead. Then you can bind the input value to an UploadedFile property directly. This only requires disabling Ajax.

E.g.

<h:form enctype="multipart/form-data">
    ...
    <p:fileUpload mode="simple" value="#{bean.file}" />
    ...
    <p:commandButton value="Save" action="#{bean.save}" ajax="false" />
</h:form>

with

private UploadedFile file; // +getter+setter

public void save() {
    try (InputStream input = file.getInputStream()) {
        // ...
    }
}

The alternative is to migrate to standard JSF <h:inputFile> component which was introduced in JSF 2.2. Then you can continue using Ajax.

E.g.

<h:form enctype="multipart/form-data">
    ...
    <h:inputFile value="#{bean.file}" />
    ...
    <p:commandButton value="Save" action="#{bean.save}" />
</h:form>

with

private Part file; // +getter+setter

public void save() {
    try (InputStream input = file.getInputStream()) {
        // ...
    }
}

See also:

• How to upload file using JSF 2.2 <h:inputFile>? Where is the saved File?