Dropzone Drag Lab

Handle drag events and dropped files with DataTransfer. Library-based Dropzone.js lives in Phase 8.

Drop files here or click to choose CSV or text files for this demo

Waiting for files.

Important JavaScript

zone.addEventListener("dragover", function (event) {
  event.preventDefault();
});
zone.addEventListener("drop", function (event) {
  event.preventDefault();
  showFiles(event.dataTransfer.files);
});