directory Boolean (default: false)

Enables the selection of folders instead of files. When the user selects a directory, its entire content hierarchy of files is included in the set of selected items. The directory setting is available only in browsers which support webkitdirectory.

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


    <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"
            directory: true
In this article