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动画3.创建一个带遮罩效果的图片走廊
Aug 24 Javascript
JavaScript等比例缩放图片控制超出范围的图片
Aug 06 Javascript
jQuery分组选择器用法实例
Dec 23 Javascript
浅谈关于JavaScript API设计的一些建议和准则
Jun 24 Javascript
2016年最热门的15 款代码语法高亮工具,美化你的代码
Jan 06 Javascript
vue组件实现文字居中对齐的方法
Aug 23 Javascript
checkbox:click事件触发span元素内容改变的方法
Sep 11 Javascript
jQuery 导航自动跟随滚动的实现代码
May 30 jQuery
webpack 样式加载的实现原理
Jun 12 Javascript
微信小程序实现笑脸评分功能
Nov 03 Javascript
JavaScript 浏览器对象模型BOM原理与常见用法实例分析
Dec 16 Javascript
详解Vue+elementUI build打包部署后字体图标丢失问题
Jul 13 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中通过ADODB库实现调用Access数据库之修正版本
2006/12/31 PHP
php解析xml方法实例详解
2015/05/12 PHP
javascript 自动转到命名锚记
2009/01/10 Javascript
JavaScript DOM 学习第二章 编辑文本
2010/02/19 Javascript
JavaScript Distilled 基础知识与函数
2010/04/07 Javascript
jQuery+ajax实现鼠标单击修改内容的方法
2014/06/27 Javascript
javascript框架设计之浏览器的嗅探和特征侦测
2015/06/23 Javascript
jquery实现在网页指定区域显示自定义右键菜单效果
2015/08/25 Javascript
js编写当天简单日历效果【实现代码】
2016/05/03 Javascript
webpack中引用jquery的简单实现
2016/06/08 Javascript
JavaScript中setter和getter方法介绍
2016/07/11 Javascript
input file样式修改以及图片预览删除功能详细概括(推荐)
2017/08/17 Javascript
微信小程序module.exports模块化操作实例浅析
2018/12/20 Javascript
python3生成随机数实例
2014/10/20 Python
python基于windows平台锁定键盘输入的方法
2015/03/05 Python
简单的Python2.7编程初学经验总结
2015/04/01 Python
Python  pip安装lxml出错的问题解决办法
2017/02/10 Python
Python实现统计文本文件字数的方法
2017/05/05 Python
Python这样操作能存储100多万行的xlsx文件
2019/04/16 Python
python实现月食效果实例代码
2019/06/18 Python
获取django框架orm query执行的sql语句实现方法分析
2019/06/20 Python
python画图--输出指定像素点的颜色值方法
2019/07/03 Python
用django设置session过期时间的方法解析
2019/08/05 Python
Python使用graphviz画流程图过程解析
2020/03/31 Python
Python定时从Mysql提取数据存入Redis的实现
2020/05/03 Python
详解python 内存优化
2020/08/17 Python
Pycharm添加虚拟解释器报错问题解决方案
2020/10/13 Python
洛佩桑酒店官方网站:Lopesan Hotels
2019/04/15 全球购物
大班幼儿评语大全
2014/04/30 职场文书
品牌推广策划方案
2014/05/28 职场文书
解除劳动合同证明书
2014/09/26 职场文书
幼儿园感恩节活动方案
2014/10/06 职场文书
列车乘务员工作不细心检讨书
2014/10/07 职场文书
2016年母亲节广告语
2016/01/28 职场文书
学校运动会开幕词
2016/03/03 职场文书
Python max函数中key的用法及原理解析
2021/06/26 Python