javascript - 将图像从另一个网站拖放到我的

Question

我快速进行了谷歌和SO搜索，发现了类似的问题，但没有一个问题格式良好，而且大多数都很旧，看起来被遗弃了(没有答案，有一段时间没有评论)。所以这里...

我希望能够收集从另一个网站转换到我的网站上的图像的 url(仅 url)..(即我打开了两个 chrome 窗口。窗口 A 中有我的应用程序。窗口 B 中有imgur 在其中。我打开一个图像，单击并将其拖动到我的窗口然后放开。现在我需要知道放置在我的页面上的图像的 url)。

这是我正在使用的本地文件代码。

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

再说一次，我不想上传任何东西..我不想做任何花哨的事情...我只需要知道从另一个网站拖放到页面上的图像的位置。

Answer 1

试试这个: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);
    });
});​

当我从另一个图像拖动该图像时，我得到“http://static3.flattr.net/thing/image/9/4/5/5/0/huge.png?1326712342”浏览器窗口。

.getAsString 接受一个回调，一旦调用它就会获取 url 作为参数

不适用于 Firefox