JS打开图片另存为对话框实现代码
2018-10-12 13:51
573 查看
单击按钮打开图片另存为对话框的示例如下
<!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实现网页图片延时加载的原理和代码 提高网站打开速度
- js实现网页图片延时加载的原理和代码 提高网站打开速度
- JS打开图片另存为对话框 (转)
- 打开,另存为,属性以及将内容复制到剪贴板等JS代码
- JS实现HTML上用button打开文件对话框
- js实现用滚动条来放大缩小图片的代码
- 用javascript实现点击链接弹出"图片另存为"而不是直接打开
- js实现IE7图片上传预览的功能代码
- 各大门户网站Flash和JS实现的图片幻灯片切换特效代码文件下载:
- 打开,另存为,属性,打印"等14个JS代码- -
- 打开,另存为,属性,打印"等14个JS代码
- 打开,另存为,属性,打印等14个JS代码
- java 实现文件下载的时候,避免浏览器自动打开文件,而是出现另存为对话框
- [转]打开,另存为,属性,打印等14个JS代码
- js 脚本实现图片联系滚动代码
- 打开,另存为,属性,打印"等14个JS代码
- js+CSS 图片等比缩小并垂直居中实现代码
- 各大门户网站Flash和JS实现的图片幻灯片切换特效代码文件下载