質問が重複していないことを願っています
ajaxによるWebページへの画像のアップロードを実装しようとしています。画像のアップロードを処理できるjQueryへのプラグインを見つけました（いいと思います）：
https://github.com/blueimp/jQuery-File-Upload
さて、このプラグインがコンテンツを含む div へのアップロードに役立つかどうか本当にわからないという問題があります。想像してみてください、私は似たようなものを持っています:
...
<div contenteditable="true">
<p>This is some example text</p>
</div>
...
画像を簡単にドラッグして、実際のカーソル位置に表示したいと思います（ただし、基本的には次の</p>タグの後）。結果は、gmail に画像をアップロードできる (そしてテキストに表示される) のと同じである必要があります。もちろん、アップロード中に画像を div に表示しても問題ありません (可能であれば) ドラッグ中にも表示されます (ユーザーは画像をどこに配置しているかを確認できます)。結果は次のようになります。
...
<div contenteditable="true">
<p>This is some example text</p>
<div> <!-- containger for HTML validation ->>
<img src="/uploaded-image.png" />
</div>
</div>
...
これを処理する方法、特に画像をテキストカーソル位置にドラッグする方法はありますか? jQuery ベースのプラグインまたは純粋な JS コードの両方が可能です。