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>  
posted @ 2011-11-14 14:23  郑文亮  阅读(8013)  评论(1)  编辑  收藏  举报