JS 复制指定的页面中图片

最新推荐文章于 2024-07-15 23:23:20 发布

wanghuanhuanlifeng

最新推荐文章于 2024-07-15 23:23:20 发布

阅读量343

点赞数

分类专栏： web前端文章标签： jQuery Ajax JavaScript HTML ViewUI

本文链接：https://blog.csdn.net/wanghuanhuanlifeng/article/details/83887565

版权

web前端专栏收录该内容

23 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>


  
  <script>
  function  copy(id,src)
{
var $copy=document.body.createControlRange();
    var $img =$("<img id="+id+" src="+src+" width='4'  height='5'/>").appendTo("body");
    var $this = document.getElementById(id);
  if ($this.tagName != 'IMG')
return;
if (typeof $this.contentEditable == "undefined")
return;

if (!document.body.createControlRange)
return;
  $this.contentEditable = true;
  $copy.addElement($this);
  $copy.execCommand("Copy");
  $this.contentEditable = false;
  $('body').find("#"+id).remove();
  alert("复制完成");
}
  </script>
 </HEAD>

 <BODY>

     <img src="http://www.baidu.com/img/baidu_sylogo1.gif"  />
      <button οnclick="copy('101','http://www.baidu.com/img/baidu_sylogo1.gif');"> 复制</button>
  
 </BODY>
</HTML>

wanghuanhuanlifeng

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS 复制指定的页面中图片

&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&gt;&lt;HTML&gt; &lt;HEAD&gt; &lt;TITLE&gt; New Document &lt;/TITLE&gt; &lt;META NAME="Generator" CONTENT="EditPl
复制链接

扫一扫

专栏目录