Edit this page

directoryDrop Boolean (default: false)

Enables the dropping of folders over the Upload and its drop zone. When a directory is dropped, its entire content hierarchy of files is included in the set of selected items. The directoryDrop setting is available only in browsers which support DataTransferItem and webkitGetAsEntry.

When set, the property allows you to drop only folders for upload. Files cannot be uploaded. In browsers which do not support the directoryDrop feature, the behavior falls back to the default file drop.


    <input name="files" id="files" type="file" />
    <div class="dropZoneElement">Drag and drop file here</div>
    $(document).ready(function() {
            async: {
                saveUrl: "http://my-app.localhost/save",
                removeUrl: "http://my-app.localhost/remove"
            directoryDrop: true
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article