6

これに対する解決策は私をじっと見つめていると思いますが、見つけられないようです。

というわけで、小さなファイルアップロードセクションを持つサイトを作っています。アップロード セクションには、さまざまなデバイスやデバイスの向き (iPhone、iPad、縦向き、横向きなど) の画像をアップロードする場所があります。個々のデバイス アイコンにドラッグ アンド ドロップを実装する方法は簡単に理解できますが、ユーザーがドロップ領域を見逃すと、ブラウザはシステム上のその画像に移動するだけです。ドラッグされたファイルを受け取るためのファイル入力タイプがない場合、ドラッグ アンド ドロップを無効にするにはどうすればよいですか?

4

4 に答える 4

13

このドキュメント（jQueryファイルアップロードプラグインのドキュメント）は、ブラウザのデフォルトのアクションを無効にする方法を示しています： https ://github.com/blueimp/jQuery-File-Upload/wiki/Drop-zone-effects

ドキュメントの引用：

特定のドロップゾーンを許可したいが、ドキュメント上のファイルドロップに対するデフォルトのブラウザアクションを無効にしたい場合は、次のJavaScriptコードを追加します。

$(document).bind('drop dragover', function (e) {
     e.preventDefault();
});

デフォルトのブラウザドロップアクションを無効にするには、「ドロップ」イベントと「ドラッグオーバー」イベントの両方のデフォルトアクションを防止する必要があることに注意してください。

于 2012-10-26T07:23:14.120 に答える
0

ドロップゾーンは、HTML 要素なしでフォーム内にある必要があります。

<form id="frmdropzone" class="dropzone" action="Save" method="post" enctype="multipart/form-data">
       <div class="dropzone-previews"></div>
</form>
于 2015-09-03T23:03:05.307 に答える