js　copyimage

最新推荐文章于 2023-07-16 20:12:03 发布

goto0917

最新推荐文章于 2023-07-16 20:12:03 发布

阅读量302

点赞数

分类专栏： js 文章标签： xhtml javascript ViewUI

js 专栏收录该内容

7 篇文章

订阅专栏

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">

function CopyImages() {
var container;
var nodelist = document.getElementsByTagName('img');
var ctrl=document.body.createControlRange();
if(!container){
container=document.getElementById('oContainer');
document.body.appendChild(container);
container.style.dispaly='none';
}
var imghtml='';
for(var i=0;i<nodelist.length;i++){
var url = nodelist[i].src;
imghtml += '<img src="'+url+'"/>';
}
container.innerHTML=imghtml;
container.contentEditable='true';
ctrl.addElement(container);
ctrl.execCommand('Copy');
container.contentEditable='false';
document.getElementById('oContainer').innerHTML='';
alert('复制成功。');
// window.location.reload();
}

function CopyImage(img) {
if (img.tagName != 'IMG')
return;
if (typeof img.contentEditable == 'undefined')
return;
if (!document.body.createControlRange)
return;
var ctrl = document.body.createControlRange();
img.contentEditable = true;
ctrl.addElement(img);
ctrl.execCommand('Copy');
img.contentEditable = false;
alert('复制图片完成');
}

</script>

</head>

<body>
<form>
<img src="1.jpg" name="img" οnclick="CopyImage(this)"/>
<img src="2.jpg" name="img" οnclick="CopyImage(this)"/>
<img src="3.jpg" name="img" οnclick="CopyImage(this)"/>
<img src="4.jpg" name="img" οnclick="CopyImage(this)"/>
<input type="button" value="copy" οnclick="CopyImages();" />
<div id= "oContainer">
</div>

</form>
</body>
</html>