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 相关文章推荐
js removeChild 障眼法 可能出现的错误
Oct 06 Javascript
javascript实现的使用方向键控制光标在table单元格中切换
Nov 17 Javascript
自定义require函数让浏览器按需加载Js文件
Nov 24 Javascript
详谈js模块化规范
Jul 07 Javascript
jQuery简单实现向列表动态添加新元素的方法示例
Dec 25 jQuery
vue项目中axios使用详解
Feb 07 Javascript
Vue全局分页组件的实现代码
Aug 10 Javascript
layui实现文件或图片上传记录
Aug 28 Javascript
原生JS检测CSS3动画是否结束的方法详解
Jan 27 Javascript
a标签调用js的方法总结
Sep 05 Javascript
JavaScript交换两个变量方法实例
Nov 25 Javascript
ant design vue datepicker日期选择器中文化操作
Oct 28 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模板技术原理【一】
2008/01/10 PHP
php页面跳转代码 输入网址跳转到你定义的页面
2013/03/28 PHP
测试PHP连接MYSQL成功与否的代码
2013/08/16 PHP
PHP中的表达式简述
2016/05/29 PHP
PHP常用文件操作函数和简单实例分析
2016/06/03 PHP
设定php简写功能的方法
2019/11/28 PHP
通过jQuery源码学习javascript(一)
2012/12/27 Javascript
jQuery extend 的简单实例
2013/09/18 Javascript
jQuery 回车事件enter使用示例
2014/02/18 Javascript
元素未显示设置width/height时IE中使用currentStyle获取为auto
2014/05/04 Javascript
jQuery实现平滑滚动的标签分栏切换效果
2015/08/28 Javascript
jQuery实现滚动鼠标放大缩小图片的方法(附demo源码下载)
2016/03/05 Javascript
如何通过js实现图片预览功能【附实例代码】
2016/03/30 Javascript
jQuery表单事件实例代码分享
2016/08/18 Javascript
jquery根据td给相同tr下其他td赋值的实现方法
2016/10/05 Javascript
canvas简单快速的实现知乎登录页背景效果
2017/05/08 Javascript
详解如何优雅地在React项目中使用Redux
2017/12/28 Javascript
vue2.0 datepicker使用方法
2018/02/04 Javascript
vue-test-utils初使用详解
2019/05/23 Javascript
[02:33]DOTA2英雄基础教程 司夜刺客
2013/12/04 DOTA
[28:05]完美世界DOTA2联赛循环赛Inki vs DeMonsTer 第一场 10月30日
2020/10/31 DOTA
python中正则表达式的使用详解
2014/10/17 Python
Python中使用SAX解析xml实例
2014/11/21 Python
Python中的Matplotlib模块入门教程
2015/04/15 Python
Python中用函数作为返回值和实现闭包的教程
2015/04/27 Python
详解用python计算阶乘的几种方法
2019/08/14 Python
CSS3实现跳动的动画效果
2016/09/12 HTML / CSS
请说出几个常用的异常类
2013/01/08 面试题
static全局变量与普通的全局变量有什么区别?static局部变量和普通局部变量有什么区别?static函数与普通函数有什么区别?
2015/02/22 面试题
资产经营总监岗位职责
2013/12/04 职场文书
校园报刊亭创业计划书
2014/01/02 职场文书
出生证明公证书
2014/04/09 职场文书
2014年党员承诺书范文
2014/05/20 职场文书
月考总结与反思
2015/10/22 职场文书
SQL Server数据定义——模式与基本表操作
2021/04/05 SQL Server
PyTorch的Debug指南
2021/05/07 Python