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 相关文章推荐
解决表单中第一个非隐藏的元素获得焦点的一个方案
Oct 26 Javascript
基于JQuery 的消息提示框效果代码
Jul 31 Javascript
用js写了一个类似php的print_r输出换行功能
Feb 18 Javascript
js中Image对象以及对其预加载处理示例
Nov 20 Javascript
javascript获取元素CSS样式代码示例
Nov 28 Javascript
JavaScript在IE和FF下的兼容性问题
May 19 Javascript
JavaScript function 的 length 属性使用介绍
Sep 15 Javascript
js通过keyCode值判断单击键盘上某个键,然后触发指定的事件方法
Feb 19 Javascript
JavaScript mixin实现多继承的方法详解
Mar 30 Javascript
Vue项目查看当前使用的elementUI版本的方法
Sep 27 Javascript
微信小程序实现上传word、txt、Excel、PPT等文件功能
May 23 Javascript
Vue+Vuex实现自动登录的知识点详解
Mar 04 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/07/07 PHP
PHP 内存缓存加速功能memcached安装与用法
2009/09/03 PHP
php 中英文语言转换类代码
2011/08/11 PHP
Laravel核心解读之异常处理的实践过程
2019/02/24 PHP
js 编写规范
2010/03/03 Javascript
javascript闭包传参和事件的循环绑定示例探讨
2014/04/17 Javascript
用js提交表单解决一个页面有多个提交按钮的问题
2014/09/01 Javascript
jQuery带进度条全屏图片轮播特效代码分享
2020/06/28 Javascript
BootStrap学习系列之Bootstrap Typeahead 组件实现百度下拉效果(续)
2016/07/07 Javascript
AngularJS基础 ng-keydown 指令简单示例
2016/08/02 Javascript
关于数据与后端进行交流匹配(点亮星星)
2016/08/03 Javascript
Vue数据驱动模拟实现1
2017/01/11 Javascript
H5实现中奖记录逐行滚动切换效果
2017/03/13 Javascript
vue绑定class与行间样式style详解
2017/08/16 Javascript
jQuery选择器之属性过滤选择器详解
2017/09/28 jQuery
JavaScript实现精美个性导航栏筋斗云效果
2017/10/29 Javascript
JS声明对象时属性名加引号与不加引号的问题及解决方法
2018/02/16 Javascript
JavaScript fetch接口案例解析
2018/08/30 Javascript
JS数组实现分类统计实例代码
2018/09/30 Javascript
vue多次循环操作示例
2019/02/08 Javascript
详解Vue+ElementUI从零开始搭建自己的网站(一、环境搭建)
2019/04/30 Javascript
vue使用高德地图点击下钻上浮效果的实现思路
2019/10/12 Javascript
微信小程序转发事件实现解析
2019/10/22 Javascript
JavaScript构造函数原理及实现流程解析
2020/11/19 Javascript
jquery实现鼠标悬浮弹出气泡提示框
2020/12/23 jQuery
python监控网卡流量并使用graphite绘图的示例
2014/04/27 Python
windows下python虚拟环境virtualenv安装和使用详解
2019/07/16 Python
Python基础之变量基本用法与进阶详解
2020/01/03 Python
Django 批量插入数据的实现方法
2020/01/12 Python
next在python中返回迭代器的实例方法
2020/12/15 Python
GafasWorld哥伦比亚:网上购买眼镜
2017/11/28 全球购物
机电专业求职信
2014/06/14 职场文书
无财产无子女离婚协议书范文
2014/09/14 职场文书
税务会计岗位职责
2015/04/02 职场文书
2016年感恩节活动总结大全
2016/04/01 职场文书
MySQL索引失效场景及解决方案
2022/07/23 MySQL