Drag and Drop Files

drag_and_drop_files.js

var element = $('#drop-area')[0];

var callback = function onFileDrop() {
  var filenames = event.target.result;
};

function droppable(element, callback) {
  element.addEventListener('dragover', function onDrag(event) {
    event.stopPropagation();
    event.preventDefault();
    event.dataTransfer.dropEffect = 'copy';
  });
  element.addEventListener('drop', function onDrop(event) {
    event.stopPropagation();
    event.preventDefault();
    callback(event.dataTransfer.files);
  });
}