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 に答える