單擊圖片時直接出現另存為對話框

解決思路：

　　在點擊圖片時設置隱藏的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格式)文件時打開文件時是空白。