title: How to get image URL from drag &drop if the image is a link?
body: <p>I have found a lot of various implementations of drag and drop but all of them seemed to operate under the general assumption of images not being nested inside an &lt; a href > tag.</p>
  
  <p>Whether it is a browser, mac os or windows the result is always the same:</p>
  
  <ul>
  <li><p>Dragging an </p>
  
  <p><code>&lt; img src='http://www.lol.com/pic.jpg' /&gt;</code></p></li>
  </ul>
  
  <p>will input <code>http://www.lol.com/pic.jpg</code> in an html form. OR if dragged into the desktop - it will save the actual image.</p>
  
  <ul>
  <li><p>Dragging an </p>
  
  <p><code>&lt; a href='http://www.lol.com/notgonnahappen.html'&gt;&lt; img src='http://www.lol.com/pic.jpg' /&gt;&lt; /a&gt;</code></p></li>
  </ul>
  
  <p>will input <code>http://www.lol.com/notgonnahappen.html</code> and create a URL link if dragged on the desktop.</p>
  
  <p>Is there anyway to extract the image URL? And not that of the link it is associated with? JS? Java? C#?</p>