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 表格排序和表头浮动效果(扩展SortTable)
Apr 07 Javascript
jQuery中使用data()方法读取HTML5自定义属性data-*实例
Apr 11 Javascript
兼容主流浏览器的JS复制内容到剪贴板
Dec 12 Javascript
jQuery中:file选择器用法实例
Jan 04 Javascript
基于Jquery实现表单验证
Jul 20 Javascript
vue实现移动端图片裁剪上传功能
Aug 18 Javascript
纯js实现图片匀速淡入淡出效果
Aug 22 Javascript
js JSON.stringify()基础详解
Jun 19 Javascript
vue中input的v-model清空操作
Sep 06 Javascript
JS实现灯泡开关特效
Mar 30 Javascript
解决vue项目获取dom元素宽高总是不准确问题
Jul 29 Javascript
用JavaScript实现贪吃蛇游戏
Oct 23 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
NOT NULL 和NULL
2007/01/15 PHP
一个不易被发现的PHP后门代码解析
2014/07/05 PHP
php从给定url获取文件扩展名的方法
2015/03/14 PHP
PHP环境中Memcache的安装和使用
2015/11/05 PHP
thinkphp分页实现效果
2016/10/13 PHP
基于jQuery实现左右div自适应高度完全相同的代码
2012/08/09 Javascript
nodejs开发微博实例
2015/03/25 NodeJs
jQuery Chart图表制作组件Highcharts用法详解
2016/06/01 Javascript
jQuery实现每隔几条元素增加1条线的方法
2016/06/27 Javascript
jQuery ajax的功能实现方法详解
2017/01/06 Javascript
详解本地Node.js服务器作为api服务器的解决办法
2017/02/28 Javascript
javascript checkbox/radio onchange不能兼容ie8处理办法
2017/06/13 Javascript
基于Require.js使用方法(总结)
2017/10/26 Javascript
浅谈JS对象添加getter与setter的5种方法
2018/06/09 Javascript
Angular项目如何升级至Angular6步骤全纪录
2018/09/03 Javascript
微信小程序开发之自定义tabBar的实现
2018/09/06 Javascript
微信小程序实现滑动切换自定义页码的方法分析
2018/12/29 Javascript
详解vue 在移动端体验上的优化解决方案
2019/05/20 Javascript
bootstrap table实现横向合并与纵向合并
2019/07/18 Javascript
[02:44]重置世界,颠覆未来——DOTA2 7.23版本震撼上线
2019/12/01 DOTA
巧用Python装饰器 免去调用父类构造函数的麻烦
2012/05/18 Python
浅谈Python采集网页时正则表达式匹配换行符的问题
2018/12/20 Python
Python多进程入门、分布式进程数据共享实例详解
2019/06/03 Python
PyQt5事件处理之定时在控件上显示信息的代码
2020/03/25 Python
用OpenCV进行年龄和性别检测的实现示例
2021/01/29 Python
详解CSS3:overflow属性
2020/11/17 HTML / CSS
浅谈three.js中的needsUpdate的应用
2012/11/12 HTML / CSS
BrandAlley英国:法国折扣奢侈品网上零售商
2017/07/03 全球购物
儿子婚宴答谢词
2014/01/09 职场文书
我的中国梦口号
2014/06/16 职场文书
施工安全汇报材料
2014/08/17 职场文书
学生会宣传部竞选稿
2015/11/21 职场文书
适合毕业生创业的项目怎么找?
2019/08/08 职场文书
python3美化表格数据输出结果的实现代码
2021/04/14 Python
HTML5简单实现添加背景音乐的几种方法
2021/05/12 HTML / CSS
使用pandas生成/读取csv文件的方法实例
2021/07/09 Python