我快速进行了谷歌和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;
});
再说一次,我不想上传任何东西..我不想做任何花哨的事情...我只需要知道从另一个网站拖放到页面上的图像的位置。
最佳答案
试试这个: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
关于javascript - 将图像从另一个网站拖放到我的,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11214053/