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 控制 html元素 显示/隐藏实现代码
Sep 01 Javascript
JQuery下关于$.Ready()的分析
Dec 13 Javascript
javascript showModalDialog,open取得父窗口的方法
Mar 10 Javascript
File, FileReader 和 Ajax 文件上传实例分析(php)
Apr 27 Javascript
一种新的javascript对象创建方式Object.create()
Dec 28 Javascript
JavaScript通过代码调用Flash显示的方法
Feb 02 Javascript
JavaScript中两个字符串的匹配
Jun 08 Javascript
JavaScript 数组- Array的方法总结(推荐)
Jul 21 Javascript
深入理解React高阶组件
Sep 28 Javascript
微信小程序scroll-view横向滑动嵌套for循环的示例代码
Sep 20 Javascript
微信小程序授权登录及解密unionId出错的方法
Sep 26 Javascript
详解Vue3使用axios的配置教程
Apr 29 Vue.js
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 函数call_user_func和call_user_func_array用法详解
2014/03/02 PHP
PHP 双链表(SplDoublyLinkedList)简介和使用实例
2015/05/12 PHP
php策略模式简单示例分析【区别于工厂模式】
2019/09/25 PHP
textarea 控制输入字符字节数(示例代码)
2013/12/27 Javascript
JavaScript的null和undefined区别示例介绍
2014/09/15 Javascript
浅谈JavaScript的事件
2015/02/27 Javascript
iScroll中事件点击触发两次解决方案
2015/03/11 Javascript
JavaScript中Null与Undefined的区别解析
2015/06/30 Javascript
轻松5句话解决JavaScript的作用域
2016/07/15 Javascript
详解本地Node.js服务器作为api服务器的解决办法
2017/02/28 Javascript
Angular 4.x 动态创建表单实例
2017/04/25 Javascript
node.js中express中间件body-parser的介绍与用法详解
2017/05/23 Javascript
Angular 表单控件示例代码
2017/06/26 Javascript
node.js 核心http模块,起一个服务器,返回一个页面的实例
2017/09/11 Javascript
利用vue+elementUI实现部分引入组件的方法详解
2017/11/22 Javascript
vue实现a标签点击高亮方法
2018/03/17 Javascript
对angular 监控数据模型变化的事件方法$watch详解
2018/10/09 Javascript
vue favicon设置以及动态修改favicon的方法
2018/12/21 Javascript
微信小程序实现上传图片裁剪图片过程解析
2019/08/22 Javascript
Python中尝试多线程编程的一个简明例子
2015/04/07 Python
Linux下使用python自动修改本机网关代码分享
2015/05/21 Python
Python 文件管理实例详解
2015/11/10 Python
Python通过RabbitMQ服务器实现交换机功能的实例教程
2016/06/29 Python
Python中文件的读取和写入操作
2018/04/27 Python
解决Django migrate不能发现app.models的表问题
2019/08/31 Python
python为Django项目上的每个应用程序创建不同的自定义404页面(最佳答案)
2020/03/09 Python
Python读取JSON数据操作实例解析
2020/05/18 Python
CSS3实现王者匹配时的粒子动画效果
2019/04/12 HTML / CSS
Html5实现首页动态视频背景的示例代码
2019/09/25 HTML / CSS
Mytheresa中国官网:德国时尚奢侈品商城
2017/08/04 全球购物
Bose法国官网:购买耳机、扬声器、家庭影院、专业音响
2017/12/21 全球购物
YSL圣罗兰美妆官方旗舰店:购买YSL口红
2018/04/16 全球购物
人力资源专业推荐信
2013/11/29 职场文书
《爱如茉莉》教后反思
2014/04/12 职场文书
员工教育培训协议书
2014/09/27 职场文书
《分数的意义》教学反思
2016/02/20 职场文书