为什么当我将图像放在 div 上时页面被重定向答案

【问题标题】：why page is redirected when i drop image on div为什么当我将图像放在 div 上时页面被重定向
【发布时间】：2013-03-08 13:30:46
【问题描述】：

我正在使用jquery 1.9。我在使用拖放实现上传图像时遇到问题，但是当我将图像拖放到 div 中时，它会重定向并在浏览器中打开图像我在jsfiddle 中实现了代码，请检查并告诉我它被重定向的原因是什么问题

这是我的以下代码

$(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;
    });

});

【问题讨论】：

标签： jquery html drag-and-drop ajax-upload

【解决方案1】：

你错过了ondragover="return false" 使用下面的 div html

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

而不是

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

【讨论】：

【解决方案2】：

您还需要添加拖动事件以使其工作。

例如：

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

查看这个 jsfiddle：http://jsfiddle.net/jwa3q/

更多关于拖动事件的信息可以在这里找到：https://developer.mozilla.org/en-US/docs/DragDrop/Drag_Operations

【讨论】：