前端js实现粘贴图片到可编辑的div(其他标签也可)中

输入框中要实现粘贴图片功能，不能用input、textarea等输入框作为父容器，因为input、textarea中只能接受字符串，对于html标签不进行转义以及渲染。

所以用contenteditable='true'属性来使div(其他容器也可)实现可编辑，来模拟输入框，实现粘贴图片至输入框中的效果，提交数据给后端的时候可以用form提交，

也可用异步提交，form提交的时候将div中的数据全部放入form表单中的隐藏域即可，异步提交将div中的数据当做data传送即可。

js实现粘贴图片至可编辑的div中注意点：

粘贴的图片来源只能是QQ、微信、钉钉等聊天工具中产生的图片。（比如聊天记录中的图片、输入框中的截图、复制桌面上的图至输入框）

可以直接运行的代码：