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 相关文章推荐
js继承的实现代码
Aug 05 Javascript
一个简单的瀑布流效果(主体形式自写)
May 27 Javascript
php+js实现倒计时功能
Jun 02 Javascript
使用jquery操作session方法分享
Jan 22 Javascript
简述Jquery与DOM对象
Jul 10 Javascript
js字符串引用的两种方式(必看)
Sep 18 Javascript
bootstrap IE8 兼容性处理
Mar 22 Javascript
浅析node Async异步处理模块用例分析及常用方法介绍
Nov 17 Javascript
vue.js中npm安装教程图解
Apr 10 Javascript
详解基于mpvue微信小程序下载远程图片到本地解决思路
May 16 Javascript
elementUI 动态生成几行几列的方法示例
Jul 11 Javascript
JavaScript实现单图片上传并预览功能
Sep 30 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
复杂检索数据并分页显示的处理方法
2006/10/09 PHP
php数组去重实例及分析
2013/11/26 PHP
Codeigniter生成Excel文档的简单方法
2014/06/12 PHP
Yii2单元测试用法示例
2016/11/12 PHP
Yii 框架入口脚本示例分析
2020/05/19 PHP
JavaScript 组件之旅(三):用 Ant 构建组件
2009/10/28 Javascript
Extjs中DisplayField的日期或者数字格式化扩展
2010/09/03 Javascript
QUnit jQuery的TDD框架
2010/11/04 Javascript
Js event事件在IE、FF兼容性问题
2011/01/01 Javascript
基于jquery的禁用右键、文本选择功能、复制按键的实现代码
2013/08/27 Javascript
JavaScript中的数组操作介绍
2014/12/30 Javascript
浅谈JavaScript的事件
2015/02/27 Javascript
JAVA四种基本排序方法实例总结
2015/07/24 Javascript
浅析jQuery Mobile的初始化事件
2015/12/03 Javascript
jQuery实现移动端滑块拖动选择数字效果
2015/12/24 Javascript
超详细的JS弹出窗口代码大全
2020/04/18 Javascript
JavaScript 随机验证码的生成实例代码
2016/09/22 Javascript
利用jQuery插件imgAreaSelect实现图片上传裁剪(同步显示图像位置信息)
2016/12/02 Javascript
微信小程序组件 marquee实例详解
2017/06/23 Javascript
jQuery 实现DOM元素拖拽交换位置的实例代码
2020/07/14 jQuery
js绘制一条直线并旋转45度
2020/08/21 Javascript
nuxt 服务器渲染动态设置 title和seo关键字的操作
2020/11/05 Javascript
利用python GDAL库读写geotiff格式的遥感影像方法
2018/11/29 Python
Python实现微信中找回好友、群聊用户撤回的消息功能示例
2019/08/23 Python
python打包生成so文件的实现
2020/10/30 Python
Python 使用SFTP和FTP实现对服务器的文件下载功能
2020/12/17 Python
英国最大的独立家具零售商:Furniture Village
2016/09/06 全球购物
Tomcat中怎么使用log4j输出所有的log
2016/07/07 面试题
调解协议书
2014/04/16 职场文书
环境整治工作方案
2014/05/18 职场文书
白岩松演讲
2014/05/21 职场文书
自愿离婚协议书范本
2014/09/13 职场文书
2014最新实习证明模板
2014/10/02 职场文书
融资合作协议书范本
2014/10/17 职场文书
2015年支教教师工作总结
2015/07/22 职场文书
数据设计之权限的实现
2022/08/05 MySQL