Multiple Drop Zones
Multiple independent drop zones on one page, each with its own uploader instance and configuration.
Images Only
Drop images here
Documents Only
Drop documents here
// Images uploader
new MultipleUpload(document.getElementById('demo-zone-images'), {
uploadUrl: '/api/upload',
multiple: true,
dropZoneMode: true,
allowedExtensions: '.jpg,.jpeg,.png,.gif,.webp'
});
// Documents uploader
new MultipleUpload(document.getElementById('demo-zone-docs'), {
uploadUrl: '/api/upload',
multiple: true,
dropZoneMode: true,
allowedExtensions: '.pdf,.doc,.docx,.txt,.xls,.xlsx'
});