Загрузка файлов на сервер перетаскиванием в зону приёма.

<div id="dropArea" ondrop="handleDrop(event);" ondragover="handleDragOver(event);">
  Drop file here
</div>

function handleDragOver(evt) {
  evt.preventDefault();
  evt.stopPropagation();
}

function handleDrop(evt) {
  evt.preventDefault();
  evt.stopPropagation();
  
  var files = evt.dataTransfer.files;
  var formData = new FormData();
  for (var i = 0; i < files.length; i++) {
    formData.append('file[]', files[i]);
  }
  
  $.ajax({
    url: 'upload.php',
    type: 'POST',
    data: formData,
    processData: false,
    contentType: false,
    success: function(response) {
      console.log(response);
    },
    error: function(xhr, status, error) {
      console.log(error);
    }
  });
}

if (isset($_FILES['file'])) {
  $targetDir = 'uploads/';
  $errors = [];
  
  foreach ($_FILES['file']['name'] as $key => $name) {
    $targetFile = $targetDir . basename($name);
    $tmpName = $_FILES['file']['tmp_name'][$key];
    
    if (move_uploaded_file($tmpName, $targetFile)) {
      // файл успешно загружен
    } else {
      $errors[] = 'Error uploading file ' . $name;
    }
  }
  
  if (!empty($errors)) {
    echo implode(', ', $errors);
  }
}