0

我希望我没有重复任何问题

我正在尝试通过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 代码,两者都是可能的。

4

1 回答 1

0

HTML5 有一个内置的拖放和文件阅读器 API,您可以使用这些 API。

我假设您想要实现这样的目标

我建议你阅读这两篇文章:

于 2013-07-06T18:36:13.667 回答