title: Drag and Drop: How to get the URL of image being dropped if image is a link (not the url of the link)
body: <p>I have this code:</p>
  
  <pre><code>function drop(evt) {
      evt.stopPropagation();
      evt.preventDefault(); 
      var imageUrl = evt.dataTransfer.getData('URL');
      alert(imageUrl);
  }
  </code></pre>
  
  <p><a href="http://fiddle.jshell.net/4E92W/66/">FIDDLE</a></p>
  
  <p>If you drop the <code>&lt;img&gt;</code> element it alerts the url of the image. So far so good.</p>
  
  <p>My problem is that if you drop the <code>&lt;a&gt;</code> element it alerts the url of the <code>href</code> of <code>&lt;a&gt;</code> element. I want to alert the url of the <code>&lt;img&gt;</code> element inside the <code>&lt;a&gt;</code> like if you droped the image in the above example.</p>
  
  <p>Is that possible?</p>
  
  <p>I dont mind using Jquery or any other library. I just want to take the url of the image inside a <code>&lt;a&gt;</code> element.</p>
  
  <p>The whole point is to drag images-links from other websites to mine and get the url of images.</p>
  
  <p>To be more clear what i am trying to achieve try to drag my profile image just under this post and drop it to fiddle. It alerts <code>http://stackoverflow.com/users/3074592/laaposto</code>. I want <code>http://i.stack.imgur.com/juvdV.jpg?s=32&amp;g=1</code> to be alerted.</p>
  
  <p>I want the solution to work on latest version of Chrome and Firefox.</p>