FileUpload - Drag and Drop

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

Source

<h:form enctype="multipart/form-data">

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

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

</h:form>