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 相关文章推荐
围观tangram js库
Dec 28 Javascript
jQuery ready函数滥用分析
Feb 16 Javascript
修复ie8&amp;chrome下window的resize事件多次执行
Oct 20 Javascript
JavaScript获取当前页面上的指定对象示例代码
Feb 28 Javascript
jQuery 如何先创建、再修改、后添加DOM元素
May 20 Javascript
JS创建事件的三种方法(实例代码)
May 12 Javascript
Bootstrap 3 按钮标签实例代码
Feb 21 Javascript
JS实现微信里判断页面是否被分享成功的方法
Jun 06 Javascript
AngularJS的ng-click传参的方法
Jun 19 Javascript
JavaScript模板引擎原理与用法详解
Dec 24 Javascript
一个小时快速搭建微信小程序的方法步骤
Apr 15 Javascript
微信小程序实现多行文字滚动
Nov 18 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
IIS下PHP连接数据库提示mysql undefined function mysql_connect()
2010/06/04 PHP
Ajax+PHP快速上手及简单应用说明
2013/07/24 PHP
PHP实现的简单mock json脚本分享
2015/02/10 PHP
如何使用php实现评委评分器
2015/07/31 PHP
php限制文件下载速度的代码
2015/10/20 PHP
ThinkPHP开发--使用七牛云储存
2017/09/14 PHP
php多进程中的阻塞与非阻塞操作实例分析
2020/03/04 PHP
ie和firefox中img对象区别的困惑
2006/12/27 Javascript
JSONP 跨域共享信息
2012/08/16 Javascript
鼠标滚轮改变图片大小的示例代码
2013/11/20 Javascript
jquery插件开发之实现md5插件
2014/03/17 Javascript
JS根据生日算年龄的方法
2015/05/05 Javascript
window.onload使用指南
2015/09/13 Javascript
Bootstrap框架下下拉框select搜索功能
2020/03/26 Javascript
Ajax请求时无法重定向的问题解决代码详解
2019/06/21 Javascript
Vue3 中的数据侦测的实现
2019/10/09 Javascript
JS面向对象编程——ES6 中class的继承用法详解
2020/03/03 Javascript
Python使用xlrd读取Excel格式文件的方法
2015/03/10 Python
利用Python破解斗地主残局详解
2017/06/30 Python
python调用百度地图WEB服务API获取地点对应坐标值
2019/01/16 Python
Python实现字符型图片验证码识别完整过程详解
2019/05/10 Python
Django框架自定义session处理操作示例
2019/05/27 Python
Python面向对象封装操作案例详解 II
2020/01/02 Python
用CSS3实现背景渐变的方法
2015/07/14 HTML / CSS
使用HTML和CSS3绘制基本卡通图案的示例分享
2015/11/06 HTML / CSS
C#面试题问题集
2016/04/02 面试题
大学新生军训自我鉴定
2014/03/18 职场文书
物业管理委托协议(2篇)
2014/09/23 职场文书
离婚协议书范本(通用篇)
2014/11/30 职场文书
离婚协议书格式
2015/01/26 职场文书
如何写辞职书
2015/02/26 职场文书
经费申请报告范文
2015/05/18 职场文书
2015年车间主任工作总结
2015/05/21 职场文书
2015年学校教科室工作总结
2015/07/20 职场文书
golang 在windows中设置环境变量的操作
2021/04/29 Golang
vue实现可以快进后退的跑马灯组件
2022/04/08 Vue.js