FileUpload - Drag and Drop

In supported browsers, a file can be selected by dragdrop from filesystem. FileUpload component itself is the drop zone.

Choose

Source

<h:form>

    <p:fileUpload fileUploadListener="#{fileUploadController.handleFileUpload}" mode="advanced" dragDropSupport="true"
            update="messages" sizeLimit="100000" allowTypes="/(\.|\/)(gif|jpe?g|png)$/" />

    <p:growl id="messages" showDetail="true"/>

</h:form>