3

我正在使用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;
    });

});
4

2 回答 2

3

您错过了ondragover="return false"使用以下 div html

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

代替

<div class="dropuploader">Upload here</div>
于 2013-03-09T05:24:45.307 回答
1

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

例如：

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

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

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

于 2013-03-08T16:01:17.433 回答