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的动态创建DOM元素的代码
Dec 28 Javascript
鼠标滚轮改变图片大小的示例代码
Nov 20 Javascript
jQuery实现鼠标单击网页文字后在文本框显示的方法
May 06 Javascript
AngularJs中route的使用方法和配置
Feb 04 Javascript
基于javascript实现tab选项卡切换特效调试笔记
Mar 30 Javascript
jQuery实现手机自定义弹出输入框
Jun 13 Javascript
bootstrap fileinput完整实例分享
Nov 08 Javascript
js从输入框读取内容,比较两个数字的大小方法
Mar 13 Javascript
浅谈vue中改elementUI默认样式引发的static与assets的区别
Feb 03 Javascript
Angularjs实现数组随机排序的方法
Oct 02 Javascript
JS闭包原理与应用经典示例
Dec 20 Javascript
Vue使用JSEncrypt实现rsa加密及挂载方法
Feb 07 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中的内存管理问题
2011/08/31 PHP
关于php正则匹配汉字的方法介绍
2013/04/25 PHP
Yii2 如何在modules中添加验证码的方法
2017/06/19 PHP
详解thinkphp5+swoole实现异步邮件群发(SMTP方式)
2017/10/13 PHP
PHP sdk文档处理常用代码示例解析
2020/12/09 PHP
PHP操作Redis常用命令的实例详解
2020/12/23 PHP
javascript下阻止表单重复提交、防刷新、防后退
2007/08/17 Javascript
javascript基本语法分析说明
2008/06/15 Javascript
判断JS对象是否拥有某种属性的两种方式
2013/12/02 Javascript
Node.js编写爬虫的基本思路及抓取百度图片的实例分享
2016/03/12 Javascript
全面了解JavaScript对象进阶
2016/07/19 Javascript
jQuery按需加载轮播图(web前端性能优化)
2017/02/17 Javascript
nodejs操作mongodb的增删改查功能实例
2017/11/09 NodeJs
vue中v-for通过动态绑定class实现触发效果
2018/12/06 Javascript
JavaScript学习笔记之DOM操作实例分析
2019/01/08 Javascript
js获取浏览器地址(获取第1个斜杠后的内容)
2019/09/03 Javascript
js获取本日、本周、本月的时间代码
2020/02/01 Javascript
js回调函数原理与用法案例分析
2020/03/04 Javascript
React生命周期原理与用法踩坑笔记
2020/04/28 Javascript
[59:26]DOTA2上海特级锦标赛D组资格赛#1 EG VS VP第二局
2016/02/28 DOTA
解决Python下imread,imwrite不支持中文的问题
2018/12/05 Python
python 实现list或string按指定分段
2019/12/25 Python
详解python中的异常捕获
2020/12/15 Python
如何用Python和JS实现的Web SSH工具
2021/02/23 Python
美国最大的宠物药店:1-800-PetMeds
2016/10/02 全球购物
eHarmony英国:全球领先的认真恋爱约会平台之一
2020/11/16 全球购物
教师师德教育的自我评价
2013/10/31 职场文书
运动会表扬稿大全
2014/01/16 职场文书
学校元旦晚会方案
2014/02/19 职场文书
订货会邀请函
2015/01/31 职场文书
总经理岗位职责
2015/02/04 职场文书
幼儿园秋季开学通知
2015/07/16 职场文书
2019最新版试用期劳动合同模板!
2019/07/04 职场文书
创业计划书之蛋糕店
2019/08/29 职场文书
Python线程池与GIL全局锁实现抽奖小案例
2022/04/13 Python
python 闭包函数详细介绍
2022/04/19 Python