按键关闭的文件拖放区域(vanilla JS)

<div id="dropzone">将文件拖放到此区域</div>

var dropzone = document.getElementById("dropzone");

dropzone.addEventListener("dragover", function(event) {
  event.preventDefault();
});

dropzone.addEventListener("drop", function(event) {
  event.preventDefault();
  var files = event.dataTransfer.files;
  // 处理拖放的文件
});

dropzone.addEventListener("drop", function(event) {
  event.preventDefault();
  var files = event.dataTransfer.files;
  
  for (var i = 0; i < files.length; i++) {
    var file = files[i];
    // 处理文件，例如显示文件名和大小
    console.log("文件名：" + file.name);
    console.log("文件大小：" + file.size + "字节");
  }
});

document.addEventListener("keydown", function(event) {
  if (event.key === "Escape") {
    dropzone.style.display = "none";
  }
});