JS打开图片另存为对话框实现代码_js另存为资源-CSDN文库

51 浏览量 2020-10-27 19:18:37 上传评论收藏 29KB PDF 举报

资源推荐

资源详情

资源评论

JS打开图片另存为对话框实现代码打开图片另存为对话框实现代码

使用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="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/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('http://www.blogjava.net/images/blogjava_net/weiwei/46570/r_beyond1991.jpg');">

</body>

</html>

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余0页未读，立即下载

内容反馈

weixin_38666823

粉丝: 5
资源: 971

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip