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 相关文章推荐
Extjs实现进度条的两种便捷方式
Sep 26 Javascript
使用ajax+jqtransform实现动态加载select
Dec 01 Javascript
jQuery实现文本框输入同步的方法
Jun 20 Javascript
js实现创建删除html元素小结
Sep 30 Javascript
js验证真实姓名与身份证号,手机号的简单实例
Jul 18 Javascript
最简单纯JavaScript实现Tab标签页切换的方式(推荐)
Jul 25 Javascript
vue.js实现条件渲染的实例代码
Jun 22 Javascript
Angularjs实现下拉框联动的示例代码
Aug 22 Javascript
React如何利用相对于根目录进行引用组件详解
Oct 09 Javascript
基于Vue+ElementUI的省市区地址选择通用组件
Nov 20 Javascript
在vue中使用防抖函数组件操作
Jul 26 Javascript
VUE前端从后台请求过来的数据进行转换数据结构操作
Nov 11 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
实时抓取YAHOO股票报价的代码
2006/10/09 PHP
PHP生成迅雷、快车、旋风等软件的下载链接代码实例
2014/05/12 PHP
php中使用in_array() foreach array_search() 查找数组是否包含时的性能对比
2015/04/14 PHP
ThinkPHP路由详解
2015/07/27 PHP
PHP实现表单提交数据的验证处理功能【防SQL注入和XSS攻击等】
2017/07/21 PHP
PHP实现简易用户登录系统
2020/07/10 PHP
extjs 学习笔记(三) 最基本的grid
2009/10/15 Javascript
js 动态选中下拉框
2009/11/26 Javascript
JavaScript实现页面滚动图片加载(仿lazyload效果)
2011/07/22 Javascript
javascript实现的DES加密示例
2013/10/30 Javascript
js导出txt示例代码
2014/01/14 Javascript
js中小数转换整数的方法
2014/01/26 Javascript
js动态创建上传表单通过iframe模拟Ajax实现无刷新
2014/02/20 Javascript
详解maxlength属性在textarea里奇怪的表现
2015/12/27 Javascript
JavaScript File分段上传
2016/03/10 Javascript
js中字符串编码函数escape()、encodeURI()、encodeURIComponent()区别详解
2016/04/01 Javascript
JavaScript实现的微信二维码图片生成器的示例
2016/10/26 Javascript
Node.js如何响应Ajax的POST请求并且保存为JSON文件详解
2017/03/10 Javascript
EasyUI的DataGrid绑定Json数据源的示例代码
2017/12/16 Javascript
node微信开发之获取access_token+自定义菜单
2019/03/17 Javascript
jquery树形插件zTree高级使用详解
2019/08/16 jQuery
Vue.directive 实现元素scroll逻辑复用
2019/11/29 Javascript
[01:36:17]DOTA2-DPC中国联赛 正赛 Ehome vs iG BO3 第一场 1月31日
2021/03/11 DOTA
python 算法 排序实现快速排序
2012/06/05 Python
Python2.7基于淘宝接口获取IP地址所在地理位置的方法【测试可用】
2017/06/07 Python
VTK与Python实现机械臂三维模型可视化详解
2017/12/13 Python
python 如何用urllib与服务端交互(发送和接收数据)
2021/03/04 Python
CSS3文本换行word-wrap解决英文文本超过固定宽度不换行
2013/10/10 HTML / CSS
Joules官网:女士、男士和儿童服装和鞋类
2018/10/23 全球购物
Nobody Denim官网:购买高级女士牛仔裤
2021/03/15 全球购物
医学院学生的自我评价分享
2013/11/19 职场文书
幼儿园教师请假制度
2014/01/16 职场文书
拓展策划方案
2014/06/03 职场文书
2014教育局对照检查材料思想汇报
2014/09/23 职场文书
校本培训个人总结
2015/02/28 职场文书
2015年党员个人自我评价
2015/03/03 职场文书