Backbone.jsドロップイベントが機能しません

私のテンプレートには、ドロップ領域であるdivがあります。ファイルをドロップすると、サイトのリロードを無効にして写真を表示する必要があります。

prevenDefault()は動作しません、私のサイトがリロードされ、私は

<div class="text-center js-upload"> 
</div>

をアップロードされた写真だけを見ることができますJavaScriptの

ui: { 
    upload: '.js-upload' 
}, 
events: { 
    'drop @ui.upload': 'onDrop' 
}, 
onDrop: function (event) { 
    event.preventDefault(); 
},

ファイル入力にプラグインを使用していますか？ファイル入力は単独では送信されません。 –

問題を示す[mcve]を提供する必要があります。 –

解決済み：http://stackoverflow.com/questions/14674349/why-preventdefault-does-not-work –

この問題を解決するために、私は
Why preventDefault does not work?

からソリューションを使用

$('#imgDropzone').on("dragenter dragstart dragend dragleave dragover drag drop", function (e) { 
    e.preventDefault(); 
});

私の例では、同様にpreventDefaultをすべてdrag&drop eventsに追加しました。

2016-12-27 20:07:11

答えて