title: drag and drop an image-link into a textarea and extract source
body: <p>I want to drag an image from another browser into a textarea of my website an then extract the image source. But var selected_file  is undefined.</p>
  
  <p>html:</p>
  
  <pre><code> &lt;textarea id="input" type="file" rows="4" cols="50"&gt; &lt;/textarea&gt; 
  </code></pre>
  
  <p>js:</p>
  
  <pre><code>    document.getElementById("input").addEventListener('drop', function ( e ){
  
              e.stopPropagation();
      e.preventDefault();
      var selected_file = e.dataTransfer.files[0];
      console.log(selected_file);
  }); 
  </code></pre>