在jquery中文件拖放事件

$('#drop-zone').on('dragover', function(event) {
  event.preventDefault();
  event.stopPropagation();
  $(this).addClass('drag-over');
});

$('#drop-zone').on('dragleave', function(event) {
  event.preventDefault();
  event.stopPropagation();
  $(this).removeClass('drag-over');
});

$('#drop-zone').on('drop', function(event) {
  event.preventDefault();
  event.stopPropagation();
  $(this).removeClass('drag-over');

  var files = event.originalEvent.dataTransfer.files;
  for (var i = 0; i< files.length; i++) {
    var file = files[i];
    // 处理文件，例如预览、上传等
  }
});