External Drop Target
Designate any element as the drop zone using the dropTarget option.
Drop files here or click to browse (external element)
(function() {
new MultipleUpload('#demo', {
uploadUrl: '/api/upload',
multiple: true,
dropTarget: '#my-drop-zone'
});
})();
Dropping somewhere other than the uploader
dropTarget defaults to null, meaning the component's own body is the drop area. Point it at another element and that region accepts drops instead, which is what you want when the natural target is a canvas, a table, a message composer or a whole panel rather than the upload control itself.
Related, but not the same as full-page drop
dropTarget nominates one specific element. fullPageDrop makes the entire document a target and shows an overlay while a drag is in progress. Pick the first when the drop has a meaningful location, and the second when a file dropped anywhere should simply be accepted.