1つまたは複数のファイルのドラッグを検出する

Question

ドラッグアンドドロップが可能なファイルアップロードを構築しました。 ファイルがドラッグ可能な要素の上にドラッグされているときに検出できます。問題は次のとおりです。 要素の上にファイルがドラッグされたことを検出すると可能ですか？ （私は単一のファイルのアップロードのみ許可したい - ユーザーが複数のファイルをドロップすることを許可しないで）。

ありがとうございました。

おはよう。

Answer 1

あなたがdropハンドラを登録するためのjQueryを使用した場合、その後の詳細はev.originalEvent財産である：

function drop(ev) { 
    int n = ev.originalEvent.dataTransfer.files.length; 
} 

ファイルが実際にドロップされるまで、しかし、これは利用できません - dragenterイベントは」doesnのそのプロパティを設定します。

Answer 2

この

for (var i = 0; i < dragItems.length; i++) { 
    addEvent(dragItems[i], 'dragstart', function (event) { 
    // store the ID of the element, and collect it on the drop later on 
    event.dataTransfer.setData('Text', this.id); 
    }); 

を試してみてください