JavaScript实现控制打开文件另存为对话框的方法


Posted in Javascript onApril 17, 2015

本文实例讲述了JavaScript实现控制打开文件另存为对话框的方法。分享给大家供大家参考。具体如下:

这里通过JS打开图片另存为对话框,提示用户保存文件

<!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="js/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('https://3water.com/images/logo.gif');">
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
JavaScript中的Document文档对象
Jan 16 Javascript
基于jQuery实现简单的折叠菜单效果
Nov 23 Javascript
使用postMesssage()实现iframe跨域页面间的信息传递
Mar 29 Javascript
AngularJS教程之环境设置
Aug 16 Javascript
jQuery层次选择器用法示例
Sep 09 Javascript
jquery日历插件e-calendar升级版
Nov 10 Javascript
JS中用childNodes获取子元素换行会产生一个子元素
Dec 08 Javascript
Vue.js 点击按钮显示/隐藏内容的实例代码
Feb 08 Javascript
vue-router重定向和路由别名的使用讲解
Jan 19 Javascript
深入理解vue中的slot与slot-scope
Apr 22 Javascript
jQuery实现带进度条的轮播图
Sep 13 jQuery
微信小程序实现modal弹出框遮罩层组件(可带文本框)
Dec 20 Javascript
JavaScript对象反射用法实例
Apr 17 #Javascript
深入分析Javascript跨域问题
Apr 17 #Javascript
JavaScript实现MIPS乘法模拟的方法
Apr 17 #Javascript
JavaScript中split() 使用方法汇总
Apr 17 #Javascript
javascript模拟命名空间
Apr 17 #Javascript
JavaScript实现为指定对象添加多个事件处理程序的方法
Apr 17 #Javascript
完美兼容多浏览器的js判断图片路径代码汇总
Apr 17 #Javascript
You might like
PHP用GD库生成高质量的缩略图片
2011/03/09 PHP
linux iconv方法的使用
2011/10/01 PHP
php分页函数完整实例代码
2014/09/22 PHP
微信公众号实现会员卡领取功能
2017/06/08 PHP
经常用到的JavasScript事件的翻译
2007/04/09 Javascript
基于jQuery实现点击同时更改两个iframe的网址
2010/07/01 Javascript
DEDECMS如何为文章添加HOT NEW标志图片
2015/08/14 Javascript
AngularJS中directive指令使用之事件绑定与指令交互用法示例
2016/11/22 Javascript
js中的事件委托或是事件代理使用详解
2017/06/23 Javascript
jquery如何实现点击空白处隐藏元素
2017/12/05 jQuery
微信小程序实现下载进度条的方法
2017/12/08 Javascript
解决Linux无法正常安装与卸载Node.js的方法
2018/01/19 Javascript
nodejs微信开发之接入指南
2019/03/17 NodeJs
JavaScript 面向对象基础简单示例
2019/10/02 Javascript
解决vux 中popup 组件Mask 遮罩在最上层的问题
2020/11/03 Javascript
在Django的模板中使用认证数据的方法
2015/07/23 Python
ubuntu系统下使用pm2设置nodejs开机自启动的方法
2018/05/12 NodeJs
利用Python查看微信共同好友功能的实现代码
2019/04/24 Python
python的pygal模块绘制反正切函数图像方法
2019/07/16 Python
Python log模块logging记录打印用法解析
2020/01/20 Python
Python HTMLTestRunner如何下载生成报告
2020/09/04 Python
解决python3输入的坑——input()
2020/12/05 Python
浅谈CSS3动画的回调处理
2016/07/21 HTML / CSS
带你认识HTML5中的WebSocket
2015/05/22 HTML / CSS
快时尚眼镜品牌,全国连锁眼镜店:LOHO眼镜生活
2018/10/08 全球购物
ShellScript面试题一则-ShellScript编程
2014/03/05 面试题
小车司机岗位职责
2013/11/25 职场文书
简单英文演讲稿
2014/01/01 职场文书
韩国商务邀请函
2014/01/14 职场文书
什么样的创业计划书可行性高?
2014/02/01 职场文书
中学生学雷锋活动心得体会
2014/03/10 职场文书
2014年党的群众路线教育实践活动总结
2014/04/25 职场文书
党员教师群众路线对照检查材料思想汇报
2014/09/29 职场文书
村主任群众路线教育实践活动个人对照检查材料思想汇报
2014/10/01 职场文书
学习党史心得体会2016
2016/01/23 职场文书
Java Lambda表达式常用的函数式接口
2022/04/07 Java/Android