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 相关文章推荐
JScript中的undefined和&quot;undefined&quot;的区别
Mar 08 Javascript
js 替换
Feb 19 Javascript
JavaScript设置FieldSet展开与收缩
May 15 Javascript
Jquery和JS用外部变量获取Ajax返回的参数值的方法实例(超简单)
Jun 17 Javascript
JavaScript之Object类型介绍
Apr 01 Javascript
js实现带圆角的两级导航菜单效果代码
Aug 24 Javascript
Jquery 1.9.1源码分析系列(十二)之筛选操作
Dec 02 Javascript
Angularjs中使用Filters详解
Mar 11 Javascript
微信小程序tabBar底部导航中文注解api详解
Aug 16 Javascript
Angular4绑定html内容出现警告的处理方法
Nov 03 Javascript
vue富文本框(插入文本、图片、视频)的使用及问题小结
Aug 17 Javascript
Postman无法正常返回结果问题解决
Aug 28 Javascript
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
上传多个文件的PHP脚本
2006/11/26 PHP
Windows PHP5和Apache的安装与配置
2009/06/08 PHP
destoon二次开发常用数据库操作
2014/06/21 PHP
推荐几款用 Sublime Text 开发 Laravel 所用到的插件
2014/10/30 PHP
PHP基于简单递归函数求一个数阶乘的方法示例
2017/04/26 PHP
JavaScript While 循环基础教程
2007/04/05 Javascript
IE6/7 and IE8/9/10(IE7模式)依次隐藏具有absolute或relative的父元素和子元素后再显示父元素
2011/07/31 Javascript
js原生appendChild的bug解决心得分享
2013/07/01 Javascript
让新消息在网页标题闪烁提示的jQuery代码
2013/11/04 Javascript
如何用JavaScript定义一个类
2014/09/12 Javascript
初始Nodejs
2014/11/08 NodeJs
javascript事件绑定学习要点
2016/03/09 Javascript
bootstrap布局中input输入框右侧图标点击功能
2016/05/16 Javascript
JavaScript操作选择对象的简单实例
2016/05/16 Javascript
Bootstrap CSS布局之代码
2016/12/17 Javascript
简单理解Vue中的nextTick方法
2018/01/30 Javascript
浅谈实现vue2.0响应式的基本思路
2018/02/13 Javascript
JavaScript实现异步图像上传功能
2018/07/12 Javascript
Vue前后端不同端口的实现方法
2018/09/19 Javascript
浅谈Vue页面级缓存解决方案feb-alive(上)
2019/04/14 Javascript
微信小程序用户登录和登录态维护的实现
2020/12/10 Javascript
解析Python中的生成器及其与迭代器的差异
2016/06/20 Python
python+splinter实现12306网站刷票并自动购票流程
2018/09/25 Python
python识别验证码图片实例详解
2020/02/17 Python
python ImageDraw类实现几何图形的绘制与文字的绘制
2020/02/26 Python
完美解决Django2.0中models下的ForeignKey()问题
2020/05/19 Python
CSS3 仿微信聊天小气泡实例代码
2017/04/05 HTML / CSS
美国药妆网站:EDCskincare.com(防晒、痤疮、抗衰老等)
2017/04/28 全球购物
Under Armour安德玛法国官网:美国高端运动科技品牌
2018/06/29 全球购物
Ryderwear澳洲官网:澳大利亚高端健身训练装备品牌
2018/09/18 全球购物
广告传媒专业应届生求职信
2014/03/01 职场文书
2015年信访工作总结
2015/04/07 职场文书
中秋节英文祝福语句(14句)
2019/09/11 职场文书
go语言求任意类型切片的长度操作
2021/04/26 Golang
Python操作CSV格式文件的方法大全
2021/07/15 Python
Python按顺序遍历并读取文件夹中文件
2022/04/29 Python