zoukankan      html  css  js  c++  java

  • JS图片另存为（转）

    1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">   
    2. <html>   
    3.  <head>   
    4.   <title> New Document </title>   
    5.   <meta name="Generator" content="EditPlus">   
    6.   <meta name="Author" content="">   
    7.   <meta name="Keywords" content="">   
    8.   <meta name="Description" content="">   
    9.   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>   
    10.   <script language="JavaScript">   
    11.   <!--   
    12.     function downLoadImage(imagePathURL){   
    13.            
    14.         //如果中间IFRAME不存在，则添加   
    15.         if(!document.getElementById("_SAVEASIMAGE_TEMP_FRAME"))   
    16.             jQuery('<iframe style="display:none;" id="_SAVEASIMAGE_TEMP_FRAME" name="_SAVEASIMAGE_TEMP_FRAME" onload="_doSaveAsImage();"  
    17. width="0" height="0" src="about:blank"></iframe>').appendTo("body");           
    18.            
    19.         if(document.all._SAVEASIMAGE_TEMP_FRAME.src!=imagePathURL){   
    20.             //图片地址发生变化，加载图片   
    21.             document.all._SAVEASIMAGE_TEMP_FRAME.src = imagePathURL;   
    22.         }else{   
    23.             //图片地址没有变化，直接另存为   
    24.             _doSaveAsImage();   
    25.         }   
    26.     }   
    27.     function _doSaveAsImage(){           
    28.         if(document.all._SAVEASIMAGE_TEMP_FRAME.src!="about:blank")   
    29.             document.frames("_SAVEASIMAGE_TEMP_FRAME").document.execCommand("SaveAs");           
    30.     }   
    31.   
    32.   //-->   
    33.   </script>   
    34.  </head>   
    35.   
    36.  <body>   
    37.   <input type="button" value="download image" onclick="downLoadImage('http://www.blogjava.net/images/blogjava_net/weiwei/46570/r_beyond1991.jpg');">     
    38.  </body>   
    39. </html>  
  • 相关阅读:
    Leaflet_创建地图（官网示例,可以直接运行）(2017-10-20)
    三范式_数据库
    JavaScript_几种继承方式(2017-07-04)
    JavaScript_几种创建对象(2017-07-04)
    JavaScript_作用域(2017-03-16)
    JavaScript_原型和继承(2017-03-15)
    onBlur事件与onfocus事件（js）
    Bootstrap新手常见问题
    bootstrap小结
    Bootstrap 字形图标（Glyphicons）
  • 原文地址：https://www.cnblogs.com/zhwl/p/2248352.html
Copyright © 2011-2022 走看看