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 相关文章推荐
js前台判断开始时间是否小于结束时间
Feb 23 Javascript
jQuery入门基础知识学习指南
Aug 14 Javascript
JS实现的网页背景闪电闪烁效果代码
Oct 17 Javascript
js改变html的原有内容实现方法
Oct 05 Javascript
运用jQuery写的验证表单(实例讲解)
Jul 06 jQuery
使用bootstraptable插件实现表格记录的查询、分页、排序操作
Aug 06 Javascript
js的函数的按值传递参数(实例讲解)
Nov 16 Javascript
Vuejs 单文件组件实例详解
Feb 09 Javascript
node.js环境搭建图文详解
Sep 19 Javascript
对angularJs中2种自定义服务的实例讲解
Sep 30 Javascript
bootstrap table合并行数据并居中对齐效果
Oct 17 Javascript
vue data对象重新赋值无效(未更改)的解决方式
Jul 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的一个完整SMTP类(解决邮件服务器需要验证时的问题)
2006/10/09 PHP
PHP 批量更新网页内容实现代码
2010/01/05 PHP
一个PHP的String类代码
2010/04/20 PHP
PHP定时任务延缓执行的实现
2014/10/08 PHP
CodeIgniter基于Email类发邮件的方法
2016/03/29 PHP
javascript 伪数组实现方法
2010/10/11 Javascript
利用json获取字符出现次数的代码
2012/03/22 Javascript
js返回前一页刷新本页重载页面
2014/07/29 Javascript
javascript中Function类型详解
2015/04/28 Javascript
JavaScript中判断函数、变量是否存在
2015/06/10 Javascript
js生成随机数的方法实例
2015/10/16 Javascript
WEB前端开发都应知道的jquery小技巧及jquery三个简写
2015/11/15 Javascript
浅谈js函数三种定义方式 &amp; 四种调用方式 &amp; 调用顺序
2017/02/19 Javascript
react-native之ART绘图方法详解
2017/08/08 Javascript
微信小程序开发的基本流程步骤
2019/01/31 Javascript
[59:53]DOTA2-DPC中国联赛 正赛 VG vs Elephant BO3 第二场 3月6日
2021/03/11 DOTA
Python获取文件ssdeep值的方法
2014/10/05 Python
python使用in操作符时元组和数组的区别分析
2015/05/19 Python
python logging 日志轮转文件不删除问题的解决方法
2016/08/02 Python
Python实现的redis分布式锁功能示例
2018/05/29 Python
python实现电脑自动关机
2018/06/20 Python
Windows下安装Scrapy
2018/10/17 Python
Python UnboundLocalError和NameError错误根源案例解析
2018/10/31 Python
详解Python爬取并下载《电影天堂》3千多部电影
2019/04/26 Python
Python制作微信好友背景墙教程(附完整代码)
2019/07/17 Python
Python简单实现词云图代码及步骤解析
2020/06/04 Python
Python 程序报错崩溃后如何倒回到崩溃的位置(推荐)
2020/06/23 Python
某个公司的Java笔面试题
2016/03/11 面试题
接口可以包含哪些成员
2012/09/30 面试题
自主招生自荐信格式
2013/12/03 职场文书
个人作风建设自查报告
2014/10/22 职场文书
党的群众路线教育实践活动个人整改方案
2014/10/25 职场文书
社团个人总结范文
2015/03/05 职场文书
欧也妮葛朗台读书笔记
2015/06/30 职场文书
MySQL中的全表扫描和索引树扫描
2022/05/15 MySQL
spring IOC容器的Bean管理XML自动装配过程
2022/05/30 Java/Android