jQuery:Drag&;将图像放入文本区域以放置<;img>;标记为文本

jQuery:Drag&;将图像放入文本区域以放置<;img>;标记为文本,jquery,forms,drag-and-drop,textarea,thumbnails,Jquery,Forms,Drag And Drop,Textarea,Thumbnails,希望使用jQuery允许用户将图像缩略图从一列图像拖到表单文本区域中。当用户将图像拖动到文本区域时,一个完整的img标记将添加到文本区域,因为表单支持HTML插入(是CMS的一部分) 理想情况下,添加的文本如下所示: <img src="the src attribute of the image that was dragged in" alt="the alt tag of the image that was dragged in" /> 图像列本身将由一个动态图像列表填

希望使用jQuery允许用户将图像缩略图从一列图像拖到表单文本区域中。当用户将图像拖动到文本区域时,一个完整的img标记将添加到文本区域,因为表单支持HTML插入(是CMS的一部分)

理想情况下,添加的文本如下所示:

<img src="the src attribute of the image that was dragged in" alt="the alt tag of the image that was dragged in" />

图像列本身将由一个动态图像列表填充,它将包含一个简单的照片上传表单,该表单将使用AJAX进行更新。因此,用户可以轻松上传照片,然后将其拖到博客帖子/文本区域字段中。我知道如何做这部分,只是不拖放部分

提前谢谢


Scott

Scott,为了开始了解这一点,这将明确地为您提供一些想法,即使是jquery动画功能,本文也可能会有所帮助