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 相关文章推荐
bcastr2.0 通用的图片浏览器
Nov 22 Javascript
JavaScript中的对象化编程
Jan 16 Javascript
JQuery中SetTimeOut传参问题探讨
May 10 Javascript
Javascript之this关键字深入解析
Nov 12 Javascript
不到30行JS代码实现Excel表格的方法
Nov 15 Javascript
jQuery+easyui中的combobox实现下拉框特效
Feb 27 Javascript
jquery关于事件冒泡和事件委托的技巧及阻止与允许事件冒泡的三种实现方法
Nov 27 Javascript
学习javascript文件加载优化
Feb 19 Javascript
JS中的forEach、$.each、map方法推荐
Apr 05 Javascript
Javascript OOP之面向对象
Jul 31 Javascript
react中实现搜索结果中关键词高亮显示
Jul 31 Javascript
9102了,你还不会移动端真机调试吗
Mar 25 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中使用cURL实现Get和Post请求的方法
2013/03/13 PHP
PHP SPL标准库之SplFixedArray使用实例
2015/05/12 PHP
php中smarty变量修饰用法实例分析
2015/06/11 PHP
php数组函数array_walk用法示例
2016/05/26 PHP
laravel如何开启跨域功能示例详解
2017/08/31 PHP
Laravel 添加多语言提示信息的方法
2019/09/29 PHP
你真的了解JavaScript吗?
2007/02/24 Javascript
JavaScript的setAttribute兼容性问题解决方法
2013/11/11 Javascript
JS+DIV实现鼠标划过切换层效果的实例代码
2013/11/26 Javascript
JS+CSS简单树形菜单实现方法
2015/09/12 Javascript
理解javascript中的MVC模式
2016/01/28 Javascript
JS排序方法(sort,bubble,select,insert)代码汇总
2016/01/30 Javascript
基于javascript实现页面加载loading效果
2020/09/15 Javascript
动态加载js、css的简单实现代码
2016/05/26 Javascript
JS时间控制实现动态效果的实例讲解
2017/07/31 Javascript
详解Vue微信公众号开发踩坑全记录
2017/08/21 Javascript
js+canvas实现滑动拼图验证码功能
2018/03/26 Javascript
JavaScript实现飞舞的泡泡效果
2020/02/07 Javascript
[03:56]DOTA2完美大师赛趣味视频之小鸽子和Mineski打台球
2017/11/24 DOTA
[01:07:47]Secret vs Optic Supermajor 胜者组 BO3 第一场 6.4
2018/06/05 DOTA
python和shell实现的校验IP地址合法性脚本分享
2014/10/23 Python
深入理解Python装饰器
2016/07/27 Python
python文本数据相似度的度量
2018/03/12 Python
python用BeautifulSoup库简单爬虫实例分析
2018/07/30 Python
Python使用itchat模块实现简单的微信控制电脑功能示例
2019/08/26 Python
Python 获取命令行参数内容及参数个数的实例
2019/12/20 Python
HTML5和CSS3让网页设计提升到下一个高度
2009/08/14 HTML / CSS
详解HTML5新增标签
2017/11/27 HTML / CSS
HTML5地理定位实例
2014/10/15 HTML / CSS
英语专业毕业个人求职自荐信
2013/09/21 职场文书
教师学习培训邀请函
2014/02/04 职场文书
企业承诺书格式
2014/05/21 职场文书
实习班主任自我评价
2015/03/11 职场文书
村党组织公开承诺书
2015/04/30 职场文书
Java 实现限流器处理Rest接口请求详解流程
2021/11/02 Java/Android
table设置超出部分隐藏,鼠标移上去显示全部内容的方法
2022/12/24 HTML / CSS