Javascript复制图片到剪贴板

本文介绍了如何使用JavaScript实现将图片复制到剪贴板的功能。通过创建img元素并设置其src属性为要复制的图片URL,然后使用document.body.createControlRange()创建控制范围并添加img元素,最后调用execCommand('Copy')来完成复制操作。

网上到处是介绍利用window.clipboardData.setData这个方法将内容复制到剪贴板,后来发现这个办法只能复制文本,window.clipboardData.setData的第一次参数只能是"Text"或者"Url",所以复制图片是不能使用这个办法的。

 

后来查到可以使用ctrl.execCommand('Copy')这个方法;

 

具体代码是

function copyToClipBorad() {

 

       var oImg = document.createElement('img');  
       oImg.src = url;

       var ctrl = document.body.createControlRange();
       ctrl.addElement(oImg);
       ctrl.execCommand('Copy');
       alert("复制成功!");

 

}

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值