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 相关文章推荐
让焦点自动跳转
Jul 01 Javascript
jquery 批量上传图片实现代码
Jan 28 Javascript
jquery.lazyload  实现图片延迟加载jquery插件
Feb 06 Javascript
GRID拖拽行的实例代码
Jul 18 Javascript
javascript向后台传送相同属性的参数即数组参数
Feb 17 Javascript
php读取sqlite数据库入门实例代码
Jun 25 Javascript
JavaScript中Function函数与Object对象的关系
Dec 17 Javascript
Node.js net模块功能及事件监听用法分析
Jan 05 Javascript
微信小程序实现的canvas合成图片功能示例
May 03 Javascript
vue中使用 pako.js 解密 gzip加密字符串的方法
Jun 10 Javascript
javascript 函数的暂停和恢复实例详解
Apr 25 Javascript
Angular CLI发布路径的配置项浅析
Mar 29 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中动态HTML的输出技术
2006/10/09 PHP
php中的比较运算符详解
2013/10/28 PHP
JS 两个字符串时间的天数差计算
2013/08/25 Javascript
JS+CSS实现电子商务网站导航模板效果代码
2015/09/10 Javascript
点评js异步加载的4种方式
2015/12/22 Javascript
JavaScript构造函数详解
2015/12/27 Javascript
Node.js的MongoDB驱动Mongoose基本使用教程
2016/03/01 Javascript
几种经典排序算法的JS实现方法
2016/03/25 Javascript
php 解压zip压缩包内容到指定目录的实例
2018/01/23 Javascript
详解从买域名到使用pm2部署node.js项目全过程
2018/03/07 Javascript
使用Javascript简单计算器
2018/11/17 Javascript
使用node.JS中的url模块解析URL信息
2020/02/06 Javascript
JS实现页面侧边栏效果探究
2021/01/08 Javascript
[44:40]KG vs LGD 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
python中使用%与.format格式化文本方法解析
2017/12/27 Python
Python编程二分法实现冒泡算法+快速排序代码示例
2018/01/15 Python
Python程序员面试题 你必须提前准备!(答案及解析)
2018/01/23 Python
利用python画出折线图
2018/07/26 Python
Python关于excel和shp的使用在matplotlib
2019/01/03 Python
Python+OpenCV感兴趣区域ROI提取方法
2019/01/10 Python
基于Python执行dos命令并获取输出的结果
2019/12/30 Python
Python PyQt5整理介绍
2020/04/01 Python
Urban Outfitters美国官网:美国生活方式品牌
2016/08/26 全球购物
美国家具网站:Cymax
2016/09/17 全球购物
视图的作用
2014/12/19 面试题
.TTL是什么?有什么用处,通常那些工具会用到它?(ping? traceroute? ifconfig? netstat?)
2016/05/09 面试题
高中生校园生活自我评价
2013/09/19 职场文书
个人求职简历的自我评价范文
2013/10/09 职场文书
大专学生推荐信范文
2013/11/19 职场文书
临床医学专业学生的自我评价分享
2013/11/21 职场文书
自我评价格式
2014/01/06 职场文书
毕业生简历自我评价范文
2014/04/09 职场文书
2015年社区纪检工作总结
2015/04/21 职场文书
董事长开业致辞
2015/07/29 职场文书
Mysql 用户权限管理实现
2021/05/25 MySQL
常用的Python代码调试工具总结
2021/06/23 Python