编程 Javascript

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实现控制打开文件另存为对话框的方法

- Author -

songguo

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

用函数模板,写一个简单高效的 JSON 查询器的方法介绍

Apr 17 Javascript

JavaScript中for循环的使用详解

Jun 03 Javascript

基于JavaScript实现弹出框效果

Feb 19 Javascript

jQuery学习心得总结(必看篇)

Jun 10 Javascript

解决vue里碰到 $refs 的问题的方法

Jul 13 Javascript

JavaScript判断浏览器和hack滚动条的写法

Jul 23 Javascript

JS实现去除数组中重复json的方法示例

Dec 21 Javascript

vue.js实现带日期星期的数字时钟功能示例

Aug 28 Javascript

小程序实现五星点评效果

Nov 03 Javascript

微信小程序实现电子签名功能

Jul 29 Javascript

解决vue+webpack项目接口跨域出现的问题

Aug 10 Javascript

vue中的.$mount('#app')手动挂载操作

Sep 02 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