javascript - デスクトップをブラウザ HTML5 Javascript にドラッグアンドドロップします。

Question

いくつかのガイダンスを探していますが、まだコード学習者であり、HTML5 DnD/File API を使用するのに少し苦労しています...いくつかのデモを試して、それらがどのように機能するかを理解しようとしましたが、私は少し苦労しています問題。

ほとんどの場合、インライン css/js メソッドを使用しているようですが、それらを別々のファイルで使用しようとしていますが、うまくいかないようです。

デスクトップからドラッグインする HTML キャンバス、デスクトップからドロップインする単純なキャンバス要素を使用して、誰かが私のために非常に簡単なデモを行うことができますか? 頭が回らないようです。

Chrome を使用しているため、クロスブラウザサポートについて心配する必要はありません。

どうもありがとうアルド。

score 6 · Accepted Answer

私はいつも、「Chrome を使えばクロスブラウザーサポートについて心配する必要はない」などと言う人を心配しています。

ただし、幸いなことに、HTML5 File API は最新のブラウザーのほとんどでサポートされているため、ブラウザー固有の操作を行う必要はありません。

Mozilla サイトは優れたリファレンスであり、File API の使用方法に関する優れたチュートリアルがあります。ここで読んでください: https://developer.mozilla.org/en-US/docs/Using_files_from_web_applications

このチュートリアルでは、ドラッグアンドドロップだけでなく、より多くの基礎をカバーしています。ドラッグアンドドロップのビットに到達する前に、いくつかの基本的な項目を最初に実行する必要がありますが、完全であり、すべてを詳細に説明しています。

それが役立つことを願っています。

score -1 · Accepted Answer

これを試して -

グーグルしてみてください、そこには簡単な例がたくさんあります

javascript - デスクトップをブラウザ HTML5 Javascript にドラッグ アンド ドロップします。