javascript - 在JS中拖放图像？

Question

我正在制作一个拖放上传器，这是我的拖放代码：

var doc = document.documentElement;
    doc.ondragover = function () {  return false; };
    doc.ondragend = function () {  return false; };
    doc.ondrop = function (event) {
      event.preventDefault && event.preventDefault();

      // now do something with:
      var files = event.dataTransfer.files;

      return false;
    };

问题是，当我拖放图像时，它会加载到新页面中。我哪里错了？

Answer 1

您正在调用 event.preventDefault() 两次。将其中之一更改为 event.stopPropagation();