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 相关文章推荐
javascript 折半查找字符在数组中的位置(有序列表)
Dec 09 Javascript
js实现屏蔽默认快捷键调用自定义事件示例
Jun 18 Javascript
js 日期比较相关天数代码
Apr 02 Javascript
jQuery实现网页顶部固定导航效果代码
Dec 24 Javascript
详解Node.js中的事件机制
Sep 22 Javascript
JavaScript之class继承_动力节点Java学院整理
Jul 03 Javascript
JavaScript中的return布尔值的用法和原理解析
Aug 14 Javascript
vue的基本用法与常见指令
Aug 15 Javascript
Vue的轮播图组件实现方法
Mar 03 Javascript
vue elementUI使用tabs与导航栏联动
Jun 21 Javascript
微信小程序 下拉刷新及上拉加载原理解析
Nov 06 Javascript
利用promise及参数解构封装ajax请求的方法
Mar 24 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中json_encode不兼容JSON_UNESCAPED_UNICODE的解决方案
2016/05/31 PHP
js jquery做的图片连续滚动代码
2008/01/06 Javascript
jQuery一步一步实现跨浏览器的可编辑表格,支持IE、Firefox、Safari、Chrome、Opera
2009/08/28 Javascript
jquery 图片 上一张 下一张 链接效果(续篇)
2010/04/20 Javascript
使用Jquery来实现可以输入值的下拉选单 雏型
2011/12/06 Javascript
JQuery实现table行折叠效果以JSON做数据源
2014/05/26 Javascript
jquery实现带缩略图的全屏图片画廊效果实例
2015/06/25 Javascript
Node.js环境下JavaScript实现单链表与双链表结构
2016/06/12 Javascript
js 实现数值的千分位及保存小数方法(推荐)
2016/08/01 Javascript
js HTML5 Canvas绘制转盘抽奖
2020/09/13 Javascript
JQuery实现动态操作表格
2017/01/11 Javascript
js实现微博发布小功能
2017/01/12 Javascript
jQuery点击导航栏选中更换样式的实现代码
2017/01/23 Javascript
Bootstrap输入框组件使用详解
2017/06/09 Javascript
安装vue-cli报错 -4058 的解决方法
2017/10/19 Javascript
如何将你的AngularJS1.x应用迁移至React的方法
2018/02/01 Javascript
vue 实现复制内容到粘贴板clipboard的方法
2018/03/17 Javascript
详解Vue Elementui中的Tag与页面其它元素相互交互的两三事
2018/09/25 Javascript
微信小程序--特定区域滚动到顶部时固定的方法
2019/04/28 Javascript
解决 window.onload 被覆盖的问题方法
2020/01/14 Javascript
python基础教程之简单入门说明(变量和控制语言使用方法)
2014/03/25 Python
跟老齐学Python之从if开始语句的征程
2014/09/14 Python
Python实现的朴素贝叶斯分类器示例
2018/01/06 Python
Python迭代器与生成器用法实例分析
2018/07/09 Python
tensorflow 用矩阵运算替换for循环 用tf.tile而不写for的方法
2018/07/27 Python
别名指示符是什么
2012/10/08 面试题
do you have any Best Practice for testing
2016/06/04 面试题
Set里的元素是不能重复的,那么用什么方法来区分重复与否呢?
2016/08/18 面试题
小学生自我鉴定
2013/10/12 职场文书
财务部绩效考核方案
2014/05/04 职场文书
教师党的群众路线教育实践活动剖析材料
2014/10/09 职场文书
2015年个人剖析材料范文
2014/12/29 职场文书
Filebeat 采集 Nginx 日志的方法
2021/03/31 Servers
MySQL 如何设计统计数据表
2021/06/15 MySQL
Oracle 触发器trigger使用案例
2022/02/24 Oracle
SpringBoot详解执行过程
2022/07/15 Java/Android