質問: ### 前提・実現したいこと 1つのシステムを複数のブラウザで開き、一方で既に登録されている画像のサムネイルを ドラッグし、もう一方のブラウザのドロップエリアにドロップし、画像登録させたいです。 ### 試したこと * ブラウザからデスクトップに画像のドラッグ&ドロップは可能 * デスクトップからブラウザに画像のドロップは可能 * DnDのAPIを使用して、ブラウザ間でドラッグ&ドロップ → AブラウザとBブラウザで同じ画像がある場合に、A→Bに画像をドロップすると、可能。 → あくまでブラウザ単位での認識のため、仮にAブラウザ画面には「1.jpg」、Bブラウザ画面には「2.jpg」しかない場合、A→Bに画像をドロップしても認識されないと予想。 ### 最後に 自身でも、まずこの挙動が実現可能か不可能かが不明のため、 「可能」「不可能」と、その理由をお教えいただけるだけでもすごく助かります。 もしご存知の方がいれば、ご教示いただけますでしょうか。
回答: 実装に手間はかかるかもしれませんが、**可能**だと判断します。`dataTransfer`といって、ドラッグしている状況に対してデータを付けられますので、ファイル名や画像データそのものをD&Dに乗せてやり取りすることも可能です。Chrome⇔Firefoxと、ブラウザをまたぐ形でもできそうです。 Native HTML5 Drag and Drop