在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（）;