DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 單擊圖片時直接出現另存為對話框
單擊圖片時直接出現另存為對話框
編輯:關於JavaScript     
解決思路:

  在點擊圖片時設置隱藏的iframe加載地址為該圖片的地址,然後讓iframe執行saveas命令。

  具體步驟:

  代碼示例:

<script>
function Saveit(){
temp.location=event.srcElement.src //在隱藏幀中加載圖片
//100毫秒後在id為temp的隱藏幀上執行saveas命令 
setTimeout(’temp.document.execCommand("saveas")’,100)
}
</script>
<iframe id="temp" style="display:none"></iframe>
<img src="demo.gif" onClick="Saveit()">

  特別提示:

  代碼運行後,單擊圖片,100毫秒後將彈出保存圖片的對話框,如圖1所示。

圖1 單擊圖片理彈出的保存圖片對話框

  特別說明

  本例需要掌握的一個技巧是如何利用隱藏的iframe來實現文件的保存,其實能保存的不僅僅是圖片,還包括其它文件,不過在保存Flash(swf格式)文件時打開文件時是空白。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved