JS打开图片另存为对话框实现代码

更新时间：2012年12月26日 11:57:56 作者：

使用JS打开图片另存为对话框一直都是网页应用中不可缺少的一部分，本人有些好奇，于是搜集整理了一些实现代码，不知道符不符合大众的口味，在此班门弄斧了，需要的朋友可以了解下

单击按钮打开图片另存为对话框的示例如下

<!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 src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> 
<script language="JavaScript"> 
<!-- 
function downLoadImage(imagePathURL){ 
//如果中间IFRAME不存在，则添加 
if(!document.getElementById("_SAVEASIMAGE_TEMP_FRAME")) 
jQuery('<iframe style="display:none;" id="_SAVEASIMAGE_TEMP_FRAME" name="_SAVEASIMAGE_TEMP_FRAME" onload="_doSaveAsImage();" 
width="0" height="0" src="about:blank"></iframe>').appendTo("body"); 
if(document.all._SAVEASIMAGE_TEMP_FRAME.src!=imagePathURL){ 
//图片地址发生变化，加载图片 
document.all._SAVEASIMAGE_TEMP_FRAME.src = imagePathURL; 
}else{ 
//图片地址没有变化，直接另存为 
_doSaveAsImage(); 
} 
} 
function _doSaveAsImage(){ 
if(document.all._SAVEASIMAGE_TEMP_FRAME.src!="about:blank") 
document.frames("_SAVEASIMAGE_TEMP_FRAME").document.execCommand("SaveAs"); 
} 
//--> 
</script> 
</head> 
<body> 
<input type="button" value="download image" onclick="downLoadImage('http://www.blogjava.net/images/blogjava_net/weiwei/46570/r_beyond1991.jpg');"> 
</body> 
</html>

您可能感兴趣的文章:

JS去除iframe滚动条的方法
这篇文章主要介绍了JS去除iframe滚动条的方法,涉及javascript操作iframe中属性的技巧,非常具有实用价值,需要的朋友可以参考下
2015-04-04
简单实现节流函数和防抖函数过程解析
这篇文章主要介绍了简单实现节流函数和防抖函数过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2019-10-10
Three.js中实现Bloom效果及完整示例
这篇文章主要为大家介绍了Three.js中实现Bloom效果及完整示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-04-04
JS实现根据文件字节数返回文件大小的方法
这篇文章主要介绍了JS实现根据文件字节数返回文件大小的方法,涉及javascript数值计算与字符串操作相关技巧,需要的朋友可以参考下
2016-08-08
fetch 如何实现请求数据
这篇文章主要介绍了fetch 如何实现请求数据，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2018-12-12
JavaScript缓动动画函数的封装方法
这篇文章主要为大家详细介绍了JavaScript缓动动画函数的封装方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-11-11
js实现键盘自动打字效果
本文主要介绍了基于jQuery实现的简单版键盘自动打字效果，具有很好的参考价值，下面就跟着小编一起来看下吧
2016-12-12
JavaScript编程开发中的五个实用小技巧
下面的5点说明确实不错，提高性能与可读性，大家可以根据需要选择使用。
2010-07-07
JavaScript 放大镜放大倍率和视窗尺寸
对JavaScript 放大镜来说, 计算倍率必不可少.一个完整的放大镜结构里, 与倍率扯上关系的一共有 4 个对象, 原图, 缩略图, 镜片和视窗.
2011-05-05
javascript实现拼图游戏
这篇文章主要为大家详细介绍了javascript实现拼图游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-01-01