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 相关文章推荐
基于jQuery的消息提示插件 DivAlert之旅(二)
Apr 01 Javascript
js DOM的学习笔记
Dec 22 Javascript
用jquery实现输入框获取焦点消失文字
Apr 27 Javascript
js中window.open()的所有参数详细解析
Jan 09 Javascript
director.js实现前端路由使用实例
Feb 03 Javascript
在AngularJS中如何使用谷歌地图把当前位置显示出来
Jan 25 Javascript
js实现密码强度检测【附示例】
Mar 30 Javascript
用jquery快速解决IE输入框不能输入的问题
Oct 04 Javascript
基于Angular.js实现的触摸滑动动画实例代码
Feb 19 Javascript
vue中子组件调用兄弟组件方法
Jul 06 Javascript
微信小程序之下拉列表实现方法解析(附完整源码)
Aug 23 Javascript
浅谈Vue2.4.0 $attrs与inheritAttrs的具体使用
Mar 08 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
Zerg基本策略
2020/03/14 星际争霸
php/JS实现的生成随机密码(验证码)功能示例
2019/06/06 PHP
解决PHP Opcache 缓存刷新、代码重载出现无法更新代码的问题
2020/08/24 PHP
发布一个高效的JavaScript分析、压缩工具 JavaScript Analyser
2007/11/30 Javascript
LazyForm jQuery plugin 定制您的CheckBox Radio和Select
2009/10/24 Javascript
用js实现层随着内容大小动态渐变改变 推荐
2009/12/19 Javascript
文本框获得焦点和失去焦点的判断代码
2012/03/18 Javascript
jqGrid增加时--判断开始日期与结束日期(实例解析)
2013/11/08 Javascript
JavaScript获取XML数据附示例截图
2014/03/05 Javascript
moment.js轻松实现获取当前日期是当年的第几周
2015/02/05 Javascript
JS验证IP,子网掩码,网关和MAC的方法
2015/07/02 Javascript
利用angularjs1.4制作的简易滑动门效果
2017/02/28 Javascript
AngularJS表格样式简单设置方法示例
2017/03/03 Javascript
jQueryeasyui 中如何使用datetimebox 取两个日期间相隔的天数
2017/06/13 jQuery
20行js代码实现的贪吃蛇小游戏
2017/06/20 Javascript
温故知新——JavaScript中的字符串连接问题最全总结(推荐)
2017/08/21 Javascript
JavaScript中变量提升与函数提升经典实例分析
2018/07/26 Javascript
JS监听事件的叠加和移除功能
2018/11/19 Javascript
Vue向后台传数组数据,springboot接收vue传的数组数据实例
2020/11/12 Javascript
[02:32]DOTA2英雄基础教程 美杜莎
2014/01/07 DOTA
[18:32]DOTA2 HEROS教学视频教你分分钟做大人-谜团
2014/06/12 DOTA
Python中使用SAX解析xml实例
2014/11/21 Python
用Python实现协同过滤的教程
2015/04/08 Python
Python 基础教程之str和repr的详解
2017/08/20 Python
Python 十六进制整数与ASCii编码字符串相互转换方法
2018/07/09 Python
python traceback捕获并打印异常的方法
2018/08/31 Python
实例详解Python模块decimal
2019/06/26 Python
python 写一个水果忍者游戏
2021/01/13 Python
探讨HTML5移动开发的几大特性(必看)
2015/12/30 HTML / CSS
使用HTML5中的contentEditable来将多行文本自动增高
2016/03/01 HTML / CSS
联想智利官方网站:Lenovo Chile
2020/06/03 全球购物
2015年基层党支部工作总结
2015/05/21 职场文书
2015秋季开学典礼演讲稿
2015/07/16 职场文书
优秀范文:读《红岩》有感3篇
2019/10/14 职场文书
python模拟浏览器 使用selenium进入好友QQ空间并留言
2022/04/12 Python
Win11 Build 22000.829更新补丁KB5015882发布(附更新修复内容汇总)
2022/07/15 数码科技