如何使用JavaScript检测图像是否被粘贴或拖放到可满足的区域？

// 监听粘贴事件
document.addEventListener('paste', function(event) {
  // 获取目标区域的元素对象
  var targetElement = document.getElementById('target');

  // 获取粘贴的图像数据
  var items = (event.clipboardData || event.originalEvent.clipboardData).items;
  var imageItem = null;

  // 遍历粘贴的项目，查找图像数据
  for (var i = 0; i < items.length; i++) {
    if (items[i].type.indexOf('image') !== -1) {
      imageItem = items[i];
      break;
    }
  }

  // 检测图像
  if (imageItem) {
    var blob = imageItem.getAsFile();
    var img = new Image();

    img.onload = function() {
      // 判断是否满足条件
      if (img.width > 100 && img.height > 100) {
        // 执行相应操作
        targetElement.innerHTML = '图像满足条件';
      } else {
        targetElement.innerHTML = '图像不满足条件';
      }
    };

    img.src = URL.createObjectURL(blob);
  }
});

// 监听拖放事件
document.addEventListener('drop', function(event) {
  // 阻止浏览器默认行为
  event.preventDefault();

  // 获取目标区域的元素对象
  var targetElement = document.getElementById('target');

  // 获取拖放的图像数据
  var imageItem = event.dataTransfer.items[0];

  // 检测图像
  if (imageItem.type.indexOf('image') !== -1) {
    var blob = imageItem.getAsFile();
    var img = new Image();

    img.onload = function() {
      // 判断是否满足条件
      if (img.width > 100 && img.height > 100) {
        // 执行相应操作
        targetElement.innerHTML = '图像满足条件';
      } else {
        targetElement.innerHTML = '图像不满足条件';
      }
    };

    img.src = URL.createObjectURL(blob);
  }
});

// 阻止浏览器默认行为，允许拖放
document.addEventListener('dragover', function(event) {
  event.preventDefault();
});