设计、网站、推广
始于2004年
当前位置:首页 > 网站制作

网页知识:单击图片时直接出现另存为对话框

发表日期:2011-6-11 作者来源:派谷网络 浏览次数:

解决思路: 

  在点击图片时设置隐藏的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所示。 

  特别说明
  本例需要掌握的一个技巧是如何利用隐藏的iframe来实现文件的保存,其实能保存的不仅仅是图片,还包括其它文件,不过在保存Flash(swf格式)文件时打开文件时是空白。

本文章系本站编辑转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与本站联系,我们将在第一时间删除内容!

相关网站设计案例

相关推荐新闻
网站建设解决方案