0

現在、ドラッグアンドドロップをテストしています。デスクトップからの画像のドラッグアンドドロップは正常に機能しますが、問題が発生しています。「オンライン」画像をドラッグアンドドロップすると（別のWebサイトから、または同じWebページからを使用して）、変数e.dataTransfer.filesが空になります。

私がやろうとしていることを要約すると、デスクトップから私のページ（特別なゾーン内）に画像をドラッグすると、画像が。内に表示されます<canvas>。ページから画像をドラッグして、「ねえ、最初にこれらの画像を試してみてください！」のように言いたいのですが。

ドラッグアンドドロップの基本については、このチュートリアルからインスピレーションを得ました：http ://www.html5rocks.com/en/tutorials/dnd/basics/

4

1 に答える 1

0

オンラインでのドラッグアンドドロップは、ファイル転送ではなくリンクとして解釈されるためです。最初に画像をデスクトップに保存する必要があります。そうすると、実際のドラッグアンドドロップとして解釈されます。ただし、ページにはすでに写真が含まれているため、キャンバスに既存の画像を入力することで（たとえば、JavaScriptを使用して）目標を達成できます。

PS：ドラッグアンドドロップは、2つの異なるブラウザを使用する場合にのみ、希望どおりに機能します。たとえば、画像をIEからFFにドラッグします。そのためには、2つの異なるブラウザにページをロードする必要があります。

于 2012-06-23T13:06:15.543 に答える