ブラウザ間で画像をドラッグ＆ドロップがしたい

Question

前提・実現したいこと

１つのシステムを複数のブラウザで開き、一方で既に登録されている画像のサムネイルを
ドラッグし、もう一方のブラウザのドロップエリアにドロップし、画像登録させたいです。

試したこと

• ブラウザからデスクトップに画像のドラッグ＆ドロップは可能
• デスクトップからブラウザに画像のドロップは可能
• DnDのAPIを使用して、ブラウザ間でドラッグ＆ドロップ

　→ AブラウザとBブラウザで同じ画像がある場合に、A→Bに画像をドロップすると、可能。
→ あくまでブラウザ単位での認識のため、仮にAブラウザ画面には「1.jpg」、Bブラウザ画面には「2.jpg」しかない場合、A→Bに画像をドロップしても認識されないと予想。

最後に

自身でも、まずこの挙動が実現可能か不可能かが不明のため、
「可能」「不可能」と、その理由をお教えいただけるだけでもすごく助かります。

もしご存知の方がいれば、ご教示いただけますでしょうか。

Answer 1

実装に手間はかかるかもしれませんが、可能だと判断します。dataTransferといって、ドラッグしている状況に対してデータを付けられますので、ファイル名や画像データそのものをD&Dに乗せてやり取りすることも可能です。Chrome⇔Firefoxと、ブラウザをまたぐ形でもできそうです。

Native HTML5 Drag and Drop

Comments

[tagmarin]

迅速なご回答ありがとうございます！
HTML5のAPIで実現可能が濃厚そうですね…。
更に色々検証してみて、実装コストに見合うかなども検討してみます！
ありがとうございました！m(_ _)m