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入门教程(3) js面向对象
Jan 31 Javascript
jquery异步调用页面后台方法&amp;#8207;(asp.net)
Mar 01 Javascript
深入理解JavaScript系列(49):Function模式(上篇)
Mar 04 Javascript
点评js异步加载的4种方式
Dec 22 Javascript
JS设置cookie、读取cookie
Feb 24 Javascript
JS实现的自定义水平滚动字体插件完整实例
Jun 17 Javascript
详解AngularJS如何实现跨域请求
Aug 22 Javascript
微信小程序 用户数据解密详细介绍
Jan 09 Javascript
webpack4.x下babel的安装、配置及使用详解
Mar 07 Javascript
layui实现三级联动效果
Jul 26 Javascript
layui扩展上传组件模拟进度条的方法
Sep 23 Javascript
vue中渲染对象中属性时显示未定义的解决
Jul 31 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/10/09 PHP
php Xdebug 调试扩展的安装与使用.
2010/03/13 PHP
PHP文件打开、关闭、写入的判断与执行代码
2011/05/24 PHP
php遍历所有文件及文件夹的方法深入解析
2013/06/08 PHP
php使用pdo连接mssql server数据库实例
2014/12/25 PHP
yii2实现根据时间搜索的方法
2016/05/25 PHP
PHP微信开发之文本自动回复
2016/06/23 PHP
thinkPHP自动验证、自动添加及表单错误问题分析
2016/10/17 PHP
PHP基于ICU扩展intl快速实现汉字转拼音及按拼音首字母分组排序的方法
2017/05/03 PHP
详谈PHP中public,private,protected,abstract等关键字的用法
2017/12/31 PHP
利用js获取服务器时间的两个简单方法
2010/01/08 Javascript
node.js使用nodemailer发送邮件实例
2014/03/10 Javascript
使用JS或jQuery模拟鼠标点击a标签事件代码
2014/03/10 Javascript
checkbox勾选判断代码分析
2014/06/11 Javascript
jQuery实现自动与手动切换的滚动新闻特效代码分享
2015/08/27 Javascript
使用基于Node.js的构建工具Grunt来发布ASP.NET MVC项目
2016/02/15 Javascript
js/jq仿window文件夹框选操作插件
2017/03/08 Javascript
js阻止默认右键的下拉菜单方法
2018/01/02 Javascript
Vue2.0仿饿了么webapp单页面应用详细步骤
2018/07/08 Javascript
Vue2.0学习系列之项目上线的方法步骤(图文)
2018/09/25 Javascript
vue父子模板传值问题解决方法案例分析
2020/02/26 Javascript
小程序自动化测试的示例代码
2020/08/11 Javascript
使用js和canvas实现时钟效果
2020/09/08 Javascript
bpython 功能强大的Python shell
2016/02/16 Python
python3使用SMTP发送HTML格式邮件
2018/06/19 Python
Python面向对象程序设计之私有属性及私有方法示例
2019/04/08 Python
ORM Django 终端打印 SQL 语句实现解析
2019/08/09 Python
python numpy实现多次循环读取文件 等间隔过滤数据示例
2020/03/14 Python
哪种Python框架适合你?简单介绍几种主流Python框架
2020/08/04 Python
CSS3 filter(滤镜)实现网页灰色或者黑色模式的代码
2020/11/30 HTML / CSS
施华洛世奇美国官网:SWAROVSKI美国
2018/02/08 全球购物
事业单位分类改革实施方案
2014/03/21 职场文书
关于孝道的演讲稿
2014/05/21 职场文书
酒店圣诞节活动总结
2015/05/06 职场文书
信息简报范文
2015/07/21 职场文书
使用python向MongoDB插入时间字段的操作
2021/05/18 Python