Folder Drop

Drop an entire folder onto the upload zone. The uploader receives all files from the folder and displays folder structure information.

Drop a folder here

All files in the folder will be queued

new MultipleUpload(document.getElementById('demo-folder-drop'), {
 uploadUrl: '/api/upload',
 multiple: true,
 dropZoneMode: true,
 onSelect: function(files) {
 var info = document.getElementById('folder-info');
 var totalSize = files.reduce(function(sum, f) { return sum + f.size; }, 0);
 info.textContent = files.length + ' files selected (' +
 MultipleUpload.formatSize(totalSize) + ' total)';
 }
});