Перетащите с помощью JavaScript

Question

Мне нужно отобразить изображения Google на моем сайте. Я хотел бы добавить изображения Google в свой список пожеланий, просто перетащите изображение в Dropbox. это добавит в мой список желаний. для этого я использую этот код. этот код от mozilla

но это не работает в IE, CROME. есть ли шанс на совместимость. в противном случае есть ли еще один шанс решить эту проблему?

На самом деле я также использовал код изображения drag-drop для ниндзя. но он не работает должным образом для изображений Google, которые отображаются на моем веб-сайте.

на самом деле я показываю изображения Google, используя Google API на моем веб-сайте. на моей веб-странице ниже результатов Google есть выпадающее окно, как в приведенном выше URL ( mozilla ) Если я хочу добавить какое-либо изображение из результатов Google, просто перетащите изображение Google в Dropbox.

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);
}

ДЕМО