解決思路:

  在點(diǎn)擊圖片時(shí)設(shè)置隱藏的iframe加載地址為該圖片的地址,然后讓iframe執(zhí)行saveas命令。

  具體步驟:

  代碼示例:

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

  特別提示:

  代碼運(yùn)行后,單擊圖片,100毫秒后將彈出保存圖片的對(duì)話框,如圖1所示。

單擊圖片時(shí)直接出現(xiàn)另存為對(duì)話框

圖1 單擊圖片理彈出的保存圖片對(duì)話框

  特別說明

  本例需要掌握的一個(gè)技巧是如何利用隱藏的iframe來實(shí)現(xiàn)文件的保存,其實(shí)能保存的不僅僅是圖片,還包括其它文件,不過在保存Flash(swf格式)文件時(shí)打開文件時(shí)是空白。
標(biāo)簽:單擊圖片

相關(guān)文章

隨機(jī)推薦