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压缩工具下载集合
Mar 06 Javascript
Jvascript学习实践案例(开发常用)
Jun 25 Javascript
js Calender控件使用详解
Jan 05 Javascript
JavaScript Split()方法
Dec 18 Javascript
浅谈js中子页面父页面方法 变量相互调用
Aug 04 Javascript
jquery中用jsonp实现搜索框功能
Oct 18 Javascript
JavaScript数组特性与实践应用深入详解
Dec 30 Javascript
React中this丢失的四种解决方法
Mar 12 Javascript
解决vuex数据异步造成初始化的时候没值报错问题
Nov 13 Javascript
使用原生JS实现火锅点餐小程序(面向对象思想)
Dec 10 Javascript
vue与iframe之间的信息交互的实现
Apr 08 Javascript
微信小程序 WeUI扩展组件库的入门教程
Apr 21 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生成年月日下载列表的方法
2015/04/24 PHP
PHP操作路由器实现方法示例
2019/04/27 PHP
强大的jquery插件jqeuryUI做网页对话框效果!简单
2011/04/14 Javascript
简单漂亮的js弹窗可自由拖拽且兼容大部分浏览器
2013/10/22 Javascript
javascript上下方向键控制表格行选中并高亮显示的方法
2015/02/13 Javascript
深入理解JavaScript系列(44):设计模式之桥接模式详解
2015/03/04 Javascript
第二次聊一聊JS require.js模块化工具的基础知识
2016/04/17 Javascript
jquery动态遍历Json对象的属性和值的方法
2016/07/27 Javascript
JS控制页面跳转时未请求要跳转的地址怎么回事
2016/10/14 Javascript
探讨跨域请求资源的几种方式(总结)
2016/12/02 Javascript
实现JavaScript高性能的数据存储
2016/12/11 Javascript
Bootstrap 轮播(Carousel)插件
2016/12/26 Javascript
angularjs点击图片放大实现上传图片预览
2017/02/24 Javascript
微信小程序下拉框搜索功能的实现方法
2019/07/31 Javascript
vue动态设置路由权限的主要思路
2021/01/13 Vue.js
[02:23]2016国际邀请赛中国区预选赛wings晋级之路
2016/06/29 DOTA
简单的抓取淘宝图片的Python爬虫
2014/12/25 Python
Python读写Json涉及到中文的处理方法
2016/09/12 Python
利用Python循环(包括while&amp;for)各种打印九九乘法表的实例
2017/11/06 Python
ubuntu安装sublime3并配置python3环境的方法
2018/03/15 Python
Python之京东商品秒杀的实现示例
2021/01/06 Python
Django使用django-simple-captcha做验证码的实现示例
2021/01/07 Python
移动端开发HTML5页面点击按钮后出现闪烁或黑色背景的解决办法
2018/09/19 HTML / CSS
美国美发品牌:Bumble and Bumble
2016/10/08 全球购物
英国舒适型鞋履品牌:FitFlop
2017/05/17 全球购物
几个SQL的面试题
2014/03/08 面试题
《记金华的双龙洞》教学反思
2014/04/19 职场文书
大学生个人求职信
2014/06/02 职场文书
行政文员实习自我鉴定范文
2014/09/14 职场文书
四风问题对照检查材料
2014/09/22 职场文书
初三学生语文考试作弊检讨书
2014/12/14 职场文书
学校清洁工岗位职责
2015/04/15 职场文书
演讲比赛通讯稿
2015/07/18 职场文书
在pycharm中无法import所安装的库解决方案
2021/05/31 Python
Feign调用传输文件异常的解决
2021/06/24 Java/Android
MySQL 逻辑备份 into outfile
2022/05/15 MySQL