Ziehen Sie Bilder per Drag & Drop von einer anderen Website auf meine Website

Ich führte eine schnelle Google- und SO-Suche durch und fand ähnliche Fragen, aber keine war gut geformt und die meisten waren alt und sahen verlassen aus (keine Antworten und für eine Weile keine Kommentare). Also los ...

Ich möchte in der Lage sein, die URL (nur die URL) eines Bilds zu erfassen, das von einer anderen Website auf meine Website gezogen wurde (dh, ich habe zwei Chromfenster geöffnet. Fenster A enthält meine Anwendung. Fenster B enthält eine Abbildung) Ich öffne ein Bild, klicke und ziehe es in mein Fenster und lasse los. Nun muss ich die URL des Bildes kennen, das auf meiner Seite abgelegt wurde.

Hier ist der Code, mit dem ich für lokale Dateien gearbeitet habe.

$(document).on('drop', function(e) {
    var data = e.dataTransfer || e.originalEvent.dataTransfer;
    console.log(data); // data.files is empty
    e.preventDefault();
    return false;
});​

Auch hier möchte ich nichts hochladen. Ich versuche nicht, etwas Besonderes zu tun. Ich muss nur wissen, wo sich das Bild befindet, das von einer anderen Website auf der Seite abgelegt wird.

Antworten auf die Frage(3)

Ihre Antwort auf die Frage