Question

我必须在我的网站上显示谷歌图片。我想在我的愿望清单中添加谷歌图片只需将图像拖入保管箱即可。它会加入我的愿望清单。为此，我使用此代码。此代码来自mozilla

但它在IE，CROME中无效。有没有机会兼容。否则还有机会解决这个问题吗？

实际上我也使用过ninja拖放图像代码。但是对于我网站上显示的谷歌图片，它无法正常工作。

实际上我在我的网站上使用谷歌api显示谷歌图像。在我的网页下面这个谷歌搜索结果有一个Dropbox，就像在上面的网址（mozilla）。如果我想从谷歌搜索结果中添加任何图像，我只需要将谷歌图像拖入保管箱。

Answer 1

试试这个

  function drop(evt) {
        evt.stopPropagation();
        evt.preventDefault(); 
        var imageUrl = evt.dataTransfer.getData('text/html');

        var rex = /src="?([^"\s]+)"?\s*/;
        var url, res;

        url = rex.exec(imageUrl);

        var dropped=document.getElementById('dropped');

        var img = document.createElement('img');
        img.setAttribute('src',url[1]);
        dropped.appendChild(img);
}

DEMO

使用javascript拖放

1 个答案: