drag and drop primefaces code example

Example 1: drag and drop primefaces

<div class="card">
    <h:form>
        <p:fileUpload listener="#{fileUploadView.handleFileUpload}" mode="advanced" dragDropSupport="true"
                      update="messages" sizeLimit="100000" allowTypes="/(\.|\/)(gif|jpe?g|png)$/"/>

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

Example 2: drag and drop primefaces

<div class="card">
    <h:form>
        <p:fileUpload listener="#{fileUploadView.handleFileUpload}" mode="advanced" dragDropSupport="true"
                      update="messages"/>

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