Przeciągnij i upuść obrazy z innej strony internetowej do kopalni

Question

Uruchomiłem szybkie wyszukiwanie google i SO i znalazłem podobne pytania, ale żaden nie był dobrze uformowany i większość z nich była stara i wyglądała na porzuconą (brak odpowiedzi i brak komentarzy przez jakiś czas). A więc tutaj ...

Chcę móc pobrać adres URL (tylko adres URL) obrazu, który został zrzucony na moją stronę z innej strony internetowej (tj. Mam otwarte dwa okna chrome A. Aplikacja w oknie, w którym znajduje się okno B. Otwieram kliknięcie obrazu i przeciągam je do mojego okna i puszczam Teraz muszę znać adres URL obrazu zrzuconego na moją stronę).

Oto kod, nad którym pracowałem dla plików lokalnych.

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

Znowu nie chcę wgrać niczego .. Nie chcę robić niczego wyjątkowego ... po prostu trzeba znać położenie obrazu przed upadkiem na stronie z innej strony.

Answer 1

Spróbuj tego: http://jsfiddle.net/2Jet2/70/

$(document).on('dragover', function(e) { 
    e.preventDefault(); 
}); 
$(document).on('drop', function(e) { 
    e.preventDefault(); 
    e.originalEvent.dataTransfer.items[0].getAsString(function(url){ 
     alert(url); 
    }); 
});​ 

uzyskać "http://static3.flattr.net/thing/image/9/4/5/5/0/huge.png?1326712342" Kiedy przeciągnięty ten obraz w innym oknie przeglądarki.

.getAsString wykonuje wywołania zwrotnego, która pobiera adres URL jako argument raz to się nazywa

Nie działa na firefox

Answer 2

Można to wykorzystać

$(document).bind('drop', function (e) {   
    var url = $(e.originalEvent.dataTransfer.getData('text/html')).filter('img').attr('src'); 
    if (url) { 
     jQuery('<img/>', { 
      src: url, 
      alt: "resim" 
     }).appendTo('#yourId');    
    } 
    return false; 
}) 

Answer 3

podstawie odpowiedzi Yunus, ten wydaje się praca w FF:

e.originalEvent.dataTransfer.getData('text/html').match(/src\s*=\s*"(.+?)"/)[1]