javascript - 拖放 : How to get the URL of image being dropped if image is a link (not the url of the link)

Question

我有这个代码:

function drop(evt) {
    evt.stopPropagation();
    evt.preventDefault(); 
    var imageUrl = evt.dataTransfer.getData('URL');
    alert(imageUrl);
}

FIDDLE

如果你放下 <img>元素它会提醒图像的 url。到目前为止一切顺利。

我的问题是，如果您删除 <a>元素它会提醒 href 的 url的 <a>元素。我想提醒 <img> 的网址<a> 内的元素就像您在上面的示例中放下图像一样。

这可能吗？

我不介意使用 Jquery 或任何其他库。我只想获取 <a> 中图像的 url元素。

重点是将其他网站的图片链接拖到我的网站并获取图片的url。

为了更清楚地说明我想要实现的目标，请尝试将我的个人资料图片拖到这篇文章下方并将其放到 fiddle 上。它提醒 http://stackoverflow.com/users/3074592/laaposto .我要http://i.stack.imgur.com/juvdV.jpg?s=32&g=1被提醒。

我希望该解决方案适用于最新版本的 Chrome 和 Firefox。

Answer 1

使用 jQuery。 (我只是用它来获取“src”属性，所以我认为你可以不用它)

我替换了:

var imageUrl = evt.dataTransfer.getData('URL');

与:

var imageUrl = evt.dataTransfer.getData('text/html');

哦，我用 console.log 替换了警报，所以你需要打开它。