Liferay Faces Bridge provides bridge-specific UIComponent tags as part of its
component suite. In this tutorial, you’ll explore the bridge:inputFile tag and
learn what it can do for your JSF portlet.
The bridge:inputFile tag renders an HTML <input type="file"/> tag, providing
file upload capability.
<?xml version="1.0" encoding="UTF-8"?>
<f:view xmlns="http://www.w3.org/1999/xhtml"
xmlns:bridge="http://liferay.com/faces/bridge"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head />
<h:body>
<h:form>
<bridge:inputFile fileUploadListener="#{backingBean.handleFileUpload}" multiple="multiple" />
<h:commandButton value="Submit" />
</h:form>
</h:body>
</f:view>
Here’s a code snippet from a class that imports the FileUploadEvent class and
implements handling the file upload:
import com.liferay.faces.bridge.event.FileUploadEvent;
...
@ManagedBean(name = "backingBean")
@ViewScoped
public class ApplicantBackingBean implements Serializable {
public void handleFileUpload(FileUploadEvent fileUploadEvent)
throws Exception {
UploadedFile uploadedFile = fileUploadEvent.getUploadedFile();
System.err.println("Uploaded file:" + uploadedFile.getName());
}
}
}
Fantastic! You can add another UIComponent to your repertoire!