Jquery 当我把图像放到div上时，为什么页面被重定向

我使用的是

jquery1.9

。我有问题，以实现上传图像使用拖放，但当我把图像在div然后它去重定向和打开图像在浏览器中我有实现代码，请检查并告诉我什么问题，为什么它被重定向

这是我下面的代码

$(document).on('ready',function(){
    jQuery.event.props.push('dataTransfer');
    $('.dropuploader').bind('drop', function(e){
        $(this).css({'box-shadow' : 'none', 'border' : '4px dashed rgba(0,0,0,0.2)'});
        alert("hello there");
        return false;
    });
    $('.dropuploader').bind('dragenter', function(e){
        $(this).css({'box-shadow' : 'inset 0px 0px 20px rgba(0, 0, 0, 0.1)', 'border' : '4px dashed #bb2b2b'});
        return false;
    });

});

---

您还需要添加dragover事件以使其正常工作

例如：

$('.dropuploader').on('dragover', function (e) {
    e.stopPropagation();
    e.preventDefault();
});

请参阅此JSFIDLE：

---

有关拖动事件的更多信息可以在此处找到：

您错过了

ondragover=“return false”

使用以下div html

<div class="dropuploader" ondragover="return false">Upload here</div>>

上传到这里>

而不是

<div class="dropuploader">Upload here</div>

上传到这里