我希望我没有重复任何问题
我正在尝试通过ajax实现将图像上传到网页中。我找到了(我认为不错的)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 代码,两者都是可能的。