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)'); }
 });
})();