1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > vue-quill-editor拖拽或粘贴的图片上传到服务器回显插入图片后删除生成的Base64图片

vue-quill-editor拖拽或粘贴的图片上传到服务器回显插入图片后删除生成的Base64图片

时间:2023-09-13 01:17:43

相关推荐

vue-quill-editor拖拽或粘贴的图片上传到服务器回显插入图片后删除生成的Base64图片

问题描述:拖拽或粘贴图片上传到服务器后返回url插入富文本编辑器后,quill默认生成的base64图片链接也同时出现在富文本编辑器中,等于是有两张相同的图片,一张是我们服务器图片,一张是base64格式图片!!!!!!下面针对这问题进行修复

解决步骤1:在粘贴事件paste触发方法中使用e.preventDefault()阻止本次事件冒泡

解决步骤2:在拖拽事件drop中需要设置事件监听器第三个值给true,并且在触发方法中同时使用e.stopPropagation()和e.preventDefault()即可,如果上面两个步骤设置完还是不能阻止base64图片出现请继续往下看解决步骤3

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。