Web Development with jQuery®

(Elliott) #1

Implementing Drag-and-Drop File Uploads (^) ❘ 305
$(this).remove();
}
}
)
.on(
'dragenter.finder',
function(event)
{
event.preventDefault();
event.stopPropagation();
}
)
.on(
'dragover.finder',
function(event)
{
event.preventDefault();
event.stopPropagation();
if ($(this).is('div.finderDirectory'))
{
$(this).addClass('finderDirectoryDrop');
}
}
)
.on(
'dragleave.finder',
function(event)
{
event.preventDefault();
event.stopPropagation();
$(this).removeClass('finderDirectoryDrop');
}
)
.on(
'drop.finder',
function(event)
{
event.preventDefault();
event.stopPropagation();
var dataTransfer = event.originalEvent.dataTransfer;
var drop = $(this);
if (drop.hasClass('finderDirectory'))
{
if (dataTransfer.files && dataTransfer.files.length)
{
// Files dropped from outside the browser
dragAndDrop.openProgressDialogue(
dataTransfer.files,
node.data('path')
);
http://www.it-ebooks.info

Free download pdf