在JS中拖放图片？

Question

Im making a drag and drop uploader, here's my drag and drop code:

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;
    };

The problem is, when I drag and drop an image, it loads in a new page. Where am I going wrong?

Answer 1

You're calling event.preventDefault() twice. Change one of those to be event.stopPropagation();