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 相关文章推荐
基于jquery的时间段实现代码
Aug 02 Javascript
js+html+css实现鼠标移动div实例
Jan 30 Javascript
JS动态添加与删除select中的Option对象(示例代码)
Dec 20 Javascript
js拖拽一些常见的思路方法整理
Mar 19 Javascript
SWFUpload多文件上传及文件个数限制的方法
May 31 Javascript
基于WebUploader的文件上传js插件
Aug 19 Javascript
js实现手机拍照上传功能
Jan 17 Javascript
jQuery遮罩层实例讲解
May 11 jQuery
JS去掉字符串前后空格、阻止表单提交的实现代码
Jun 08 Javascript
在Vue组件中使用 TypeScript的方法
Feb 28 Javascript
layUI使用layer.open,在content打开数据表格,获取值并返回的方法
Sep 26 Javascript
vant-ui框架的一个bug(解决切换后onload不触发)
Nov 11 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计算两个路径的相对路径
2013/06/14 PHP
PHP异常Parse error: syntax error, unexpected T_VAR错误解决方法
2014/05/06 PHP
php CI框架插入一条或多条sql记录示例
2014/07/29 PHP
WordPress中对访客评论功能的一些优化方法
2015/11/24 PHP
PHP设计模式之装饰器模式定义与用法简单示例
2018/08/13 PHP
thinkPHP框架实现类似java过滤器的简单方法示例
2018/09/05 PHP
给网站上的广告“加速”显示的方法
2007/04/08 Javascript
在IE,Firefox,Safari,Chrome,Opera浏览器上调试javascript
2008/12/02 Javascript
基于Jquery的简单&amp;简陋Tabs插件代码
2010/02/09 Javascript
ASP.NET jQuery 实例8 (动态添加内容到DropDownList)
2012/02/03 Javascript
详解javascript数组去重问题
2015/11/06 Javascript
ReactNative踩坑之配置调试端口的解决方法
2017/07/28 Javascript
NodeJS设计模式总结【单例模式,适配器模式,装饰模式,观察者模式】
2017/09/06 NodeJs
node.js 用socket实现聊天的示例代码
2017/10/17 Javascript
vue.js实现的经典计算器/科学计算器功能示例
2018/07/11 Javascript
element-ui组件中input等的change事件中传递自定义参数
2019/05/22 Javascript
JavaScript自动生成 年月范围 选择功能完整示例【基于jQuery插件】
2019/09/03 jQuery
javascript设计模式之迭代器模式
2020/01/30 Javascript
vue项目启动出现cannot GET /服务错误的解决方法
2020/04/26 Javascript
webpack+express实现文件精确缓存的示例代码
2020/06/11 Javascript
小程序实现列表倒计时功能
2021/01/29 Javascript
[01:57]DOTA2上海特锦赛小组赛解说单车采访花絮
2016/02/27 DOTA
Python类方法__init__和__del__构造、析构过程分析
2015/03/06 Python
简单介绍利用TK在Python下进行GUI编程的教程
2015/04/13 Python
python实现txt文件格式转换为arff格式
2018/05/31 Python
Python常见反爬虫机制解决方案
2020/06/01 Python
移动Web—CSS为Retina屏幕替换更高质量的图片
2012/12/24 HTML / CSS
GafasWorld西班牙:购买太阳镜、眼镜和隐形眼镜
2019/09/08 全球购物
如果让你测试一台高速激光打印机,你都会进行哪些测试
2012/12/04 面试题
高中运动会入场词
2014/02/14 职场文书
可口可乐广告词
2014/03/20 职场文书
科技节口号
2014/06/19 职场文书
国庆促销活动总结
2014/08/29 职场文书
司机岗位职责
2015/02/04 职场文书
我的法兰西岁月观后感
2015/06/09 职场文书
36个正则表达式(开发效率提高80%)
2021/11/17 Javascript