当前位置: 首页 > Web前端 > JavaScript

js复制网页图片到剪贴板,可以在微信中粘贴

时间:2023-03-27 15:37:13 JavaScript

,随便写。...点击图片,将图片复制到剪贴板模板:this.imgRef=ref}>

js:从'clipboard'导入剪贴板;componentDidMount(){setTimeout(()=>{conste=newClipboard(this.imgRef,{target:()=>{returnthis.imgRef}});e.on('成功',(t)=>{console.log('复制成功');t.clearSelection()});e.on('错误',(t)=>{console.log('copyfailed');t.clearSelection()});},500)}注意:经过测试,imgRef不能直接放在img标签上,而是放在直接parent上经过测试,我并没有排除src的协议复制问题,但也不能排除本地localhost服务的原因。看其他文章说有安全限制的src是base64的。提出这个需求的原因是:监听用户右键是否复制或者下载了图片,如图,然后想到了两种方式:监听右键事件,获取用户点击的按钮点击右键菜单,屏蔽掉默认的右键事件,自己做一个右键菜单,提供复制下载功能(部分好像实现不了。。。不知道如果有大佬知道怎么做的话)参考文章:https://github.com/Velg039614...https://github.com/zenorocha/...