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


Posted in Javascript onDecember 26, 2012

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

<!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>
Javascript 相关文章推荐
新页面打开实际尺寸的图片
Aug 25 Javascript
12种不宜使用的Javascript语法整理
Nov 04 Javascript
Node.js中AES加密和其它语言不一致问题解决办法
Mar 10 Javascript
Javascript对象Clone实例分析
Jun 09 Javascript
JS实现不规则TAB选项卡效果代码
Sep 16 Javascript
localStorage的黑科技-js和css缓存机制
Feb 06 Javascript
jQuery实现单击按钮遮罩弹出对话框效果(2)
Feb 20 Javascript
vue中如何引入jQuery和Bootstrap
Apr 10 jQuery
JS 设置Cookie 有效期 检测cookie
Jun 15 Javascript
详解tween.js 中文使用指南
Jan 05 Javascript
Javascript实现秒表倒计时功能
Nov 17 Javascript
vue3中轻松实现switch功能组件的全过程
Jan 07 Vue.js
window.addEventListener来解决让一个js事件执行多个函数
Dec 26 #Javascript
js动态添加onload、onresize、onscroll事件(另类方法)
Dec 26 #Javascript
JSON为什么那样红为什么要用json(另有洞天)
Dec 26 #Javascript
JS操作Cookies包括(读取添加与删除)
Dec 26 #Javascript
js 调用本地exe的例子(支持IE内核的浏览器)
Dec 26 #Javascript
js鼠标滑过弹出层的定位IE6bug解决办法
Dec 26 #Javascript
window.open以post方式将内容提交到新窗口
Dec 26 #Javascript
You might like
mysql 的 like 问题,超强毕杀记!!!
2007/01/18 PHP
浅谈php中变量的数据类型判断函数
2017/03/04 PHP
jQuery的deferred对象使用详解
2011/08/20 Javascript
JS跨域总结
2012/08/30 Javascript
js判断输入是否为数字的具体实例
2013/08/03 Javascript
经过绑定元素时会多次触发mouseover和mouseout事件
2014/02/28 Javascript
一款由jquery实现的整屏切换特效
2014/09/15 Javascript
node.js中的buffer.Buffer.byteLength方法使用说明
2014/12/10 Javascript
js为什么不能正确处理小数运算?
2015/12/29 Javascript
JQuery对ASP.NET MVC数据进行更新删除
2016/07/13 Javascript
AngularJS 实现JavaScript 动画效果详解
2016/09/08 Javascript
利用types增强vscode中js代码提示功能详解
2017/07/07 Javascript
使用JavaScript实现点击循环切换图片效果
2017/09/03 Javascript
原生JS实现ajax与ajax的跨域请求实例
2017/12/01 Javascript
Vue中的methods、watch、computed的区别
2018/11/26 Javascript
小程序跨页面交互的作用与方法详解
2020/01/07 Javascript
从Node.js事件触发器到Vue自定义事件的深入讲解
2020/06/26 Javascript
vue同个按钮控制展开和折叠同个事件操作
2020/07/29 Javascript
小程序实现点击tab切换左右滑动
2020/11/16 Javascript
python自定义解析简单xml格式文件的方法
2015/05/11 Python
Python将一个Excel拆分为多个Excel
2018/11/07 Python
基于Python对数据shape的常见操作详解
2018/12/25 Python
python实现Virginia无密钥解密
2019/03/20 Python
Python 获取指定文件夹下的目录和文件的实现
2019/08/30 Python
基于python实现语音录入识别代码实例
2020/01/17 Python
Python字典深浅拷贝与循环方式方法详解
2020/02/09 Python
Python获取浏览器窗口句柄过程解析
2020/07/25 Python
python 爬虫爬取京东ps4售卖情况
2020/12/18 Python
可自定义箭头样式的CSS3气泡提示框
2016/03/16 HTML / CSS
Calzedonia美国官网:意大利风格袜子、打底裤和沙滩装
2018/07/19 全球购物
2014年寒假社会实践活动心得体会
2014/04/07 职场文书
优秀教师自我评价范文
2014/09/27 职场文书
小兵张嘎观后感
2015/06/03 职场文书
2016党员干部政治学习心得体会
2016/01/23 职场文书
2020年元旦祝福语录,总有适合你的
2019/12/31 职场文书
详解Vue3使用axios的配置教程
2022/04/29 Vue.js