单击图片时直接出现另存为对话框

领测软件测试网

　　解决思路：

　　在点击图片时设置隐藏的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格式)文件时打开文件时是空白。

文章来源于领测软件测试网 https://www.ltesting.net/