title: How do I get the URL for a dropped image using a Chrome userscript?
body: <p>In the following chrome user script, how can I get a url for an image that I drag from my desktop?
  Where I have the <code>debugger</code> line, I'm getting the empty string for <code>e.dataTransfer.getData("text")</code> and <code>e.dataTransfer.getData("url")</code></p>
  
  <pre><code>// ==UserScript==
  // @match http://*/*
  // @match https://*/*
  // ==/UserScript==
  
  function preventDrag(e) {
    e.stopPropagation();
    e.preventDefault();
  }
  
  function handleDrop(e) {
    console.log("Just dropped: " + e.dataTransfer.files[0].name);
    debugger
    // TODO: grab the url for e.dataTransfer.files[0]
  
    e.stopPropagation();
    e.preventDefault();
  }
  
  document.addEventListener('drop', handleDrop, false);
  document.addEventListener('dragenter', preventDrag, false);
  document.addEventListener('dragover', preventDrag, false);
  </code></pre>