设置contenteditable属性的div粘贴图片问题

实现

需求：要一个能粘贴图片的文本框，并且图片要先上传至后端进行安全校验，拿到返回的图片地址进行输入。

思路：普通的input框无法粘贴图片，联想到编辑器原理，可以使用div标签加html5新增的contenteditable属性来实现上述需求。
然后监听粘贴事件，判断是否是图片，如果是，获取数据并上传至后端。

问题

本地测试没问题，但是测试反馈粘贴图片会显示两张照片，确定不是硬件问题后，应该就是浏览器版本问题。我的chrome是80版本的，并不支持在div框插入图片，而测试的chrome是83版本的，支持。、
怎么办呢，用vue的prevent修饰符来重写粘贴方法实现：@input.prevent="changeContent"