Folder Upload

Drop an entire folder and the uploader walks the directory tree recursively. All files are queued and uploaded preserving relative paths.

What you should see: pick a folder rather than files and the whole tree is enumerated with relative paths preserved - each completed file lists its task.relativePath below (sent as the relativePath form field and stored server-side), so the structure can be rebuilt on the server.

Preserved paths

Nothing uploaded yet - pick or drop a folder.

<div id="folderDropZone"></div>

<script>
CoreUpload.create('#folderDropZone', {
    uploadUrl: '/api/upload/upload',
    multiple: true,
    autoUpload: true,
    showProgress: true,
    folderDrop: true,
    webkitdirectory: true,
    dropTarget: '#folderDropZone'
});
</script>