上传者: 38587473
|
上传时间: 2021-09-08 20:47:02
|
文件大小: 226KB
|
文件类型: PDF
前言
我们在使用QQ进行聊天时,从别的地方Ctrl+C一张图片,然后在聊天窗口Ctrl+V,QQ就会将你刚才复制的图片粘贴到即将发送的消息容器里,按下Enter键,这张图片将会发送出去。接下来跟各位开发者分享下这项功能在Vue中如何来实现。先跟大家展示下最终实现的效果。在线体验地址
实现思路
页面挂载时监听剪切板粘贴事件
监听文件流
读取文件流中的数据
创建img标签
将获取到的base64码赋值到img标签的src属性
将生成的img标签append到即将发送的消息容器里
监听回车事件
获取可编辑div容器中的所有子元素
遍历获取到的元素,找出img元