JS打開圖片另存為對話框實現(xiàn)代碼
更新時間：2012年12月26日 11:57:56 作者：
使用JS打開圖片另存為對話框一直都是網頁應用中不可缺少的一部分，本人有些好奇，于是搜集整理了一些實現(xiàn)代碼，不知道符不符合大眾的口味，在此班門弄斧了，需要的朋友可以了解下
單擊按鈕打開圖片另存為對話框的示例如下
<!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){
//圖片地址發(fā)生變化，加載圖片
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>
復制代碼 代碼如下:
<!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){
//圖片地址發(fā)生變化，加載圖片
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>
相關文章
網頁加載時頁面顯示進度條（加載完成時顯示網頁內容）,這種效果在瀏覽網頁很常見，本文也介紹一種實現(xiàn)方法，需要了解的朋友可以參考下2012-12-12
JavaScript中實現(xiàn)new的兩種方式引發(fā)的探究
眾所周知JS中new的作用是通過構造函數(shù)來創(chuàng)建一個實例對象，這篇文章主要給大家介紹了關于JavaScript中實現(xiàn)new的兩種方式引發(fā)的相關資料，需要的朋友們下面隨著小編來一起學習學習吧2021-05-05
在項目中需要分析將一個有規(guī)則的字符串分割成一個字符串數(shù)組。2009-09-09
這是一款簡單易用的文章分享工具，您只需將下面的html代碼拷貝到模板中就可以實現(xiàn)文章快速分享功能，具體的實現(xiàn)如下，感興趣的朋友可以參考下哈，希望對大家有所幫助2013-06-06
本篇文章主要是對js判斷輸入是否為中文的函數(shù)進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-03-03
JavaScript?進階問題列表(各種js代碼段1-65)
從基礎到進階,測試你有多了解?JavaScript,刷新你的知識,或者幫助你的?coding?面試！?:muscle:?:rocket:?我每周都會在這個倉庫下更新新的問題2024-11-11
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)返回頂部按鈕案例，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-11-11
本文主要給大家講解了javascript中的json跨域問題，以及跨域安全性的解決辦法，總結了2點，分享給大家，希望大家能夠喜歡。2016-03-03
這篇文章主要為大家詳細介紹了如何利用JavaScript實現(xiàn)批量重命名文件,文中的示例代碼講解詳細,有需要的小伙伴可以跟隨小編一起學習一下2024-12-12
這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)彈出菜單動畫，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-06-06