Drag & Drop Events
Hook into dragEnter, dragLeave, and drop events to build custom UI feedback.
(function() {
var logEl = document.getElementById('event-log');
function log(msg) {
var d = document.createElement('div');
d.className = 'pkg-log-entry';
d.textContent = new Date().toLocaleTimeString() + ' ' + msg;
logEl.appendChild(d);
logEl.scrollTop = logEl.scrollHeight;
}
new MultipleUpload('#demo', {
uploadUrl: '/api/upload',
multiple: true,
onDragEnter: function() { log('dragEnter'); },
onDragLeave: function() { log('dragLeave'); },
onDrop: function(files) { log('drop: ' + (files.length || 'event') + ' item(s)'); }
});
})();