网站允许直接将图像粘贴到HTML文本框中

Question

我注意到特定网站wrike.com上的一个意想不到的功能。不知道为什么我得到那些downvotes。

在应用程序中，每个任务都有一个大文本框，当我将复制的图像粘贴到其中时，它会立即插入图像内嵌（例如，在粘贴时透明地执行上传和插入我的光标所在的位置）。

我再说一遍，没有java小程序，没有flash插件，没有silverlight。复制图像本身并将其粘贴到字段中会成功粘贴图像。我最初的猜测是它是HTML 5.我以前从未见过这个，我真的想知道这是怎么做的。

以下是一些正在发生的图片：

Answer 1

仔细检查后，他们正在使用EtherPad Lite来处理描述部分。他们正在利用ep_copy_paste_images npm包来处理图片粘贴上传。

注意：为了安全起见隐藏在图像中的一些细节

从我所看到的情况来看，它会使用POST编码数据（注释B ）发出base64请求（注释A ）他们的服务器完成后，它会发出新请求以获取服务器上新创建的图像的附件标识符（注释C ）。然后使用返回的src替换带有img的占位符，该src根据 C （注释D ）的响应加载新图像