title: jQuery: Drag & Drop Image Into a textarea to place <img> tag into text
body: <p>Looking to use jQuery to allow the user to drag an image thumbnail from a column of images into a form textarea. When the user drags the image into the text area, a full img tag is added to the textarea, as the form supports HTML insertion (is part of a CMS)</p>
  
  <p>Ideally the text added would look like this:</p>
  
  <pre><code>&lt;img src="the src attribute of the image that was dragged in" alt="the alt tag of the image that was dragged in" /&gt;
  </code></pre>
  
  <p>The image column itself would be populated by a dynamic list of images, and it would contain a simple photo upload form that would update using AJAX. So users could easily upload a photo, then drag it into their blog post / textarea field. I know how to do this part, just not the drag and drop portion!</p>
  
  <p>Thanks in advance.</p>
  
  <p>Scott</p>