• [织梦吧]唯一域名:www.dedecms8.com,织梦DedeCMS学习平台.

当前位置: > 网页制作 > HTML/Xhtml >

单击图片后弹出保存图片对话框

来源: www.dedecms8.com 编辑:织梦吧 时间:2013-05-17点击:

 解决思路: 
在点击图片时设置隐藏的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.8.28所示。 

图1.8.28 单击图片弹出保存图片对话框 

特别说明

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

About D8

  • ©2014 织梦吧(d8) DedeCMS学习交流平台
  • 唯一网址 www.DedeCMS8.com 网站地图
  • 联系我们 1170734538@qq.com ,  QQ