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

解决思路: 在点击图片时设置隐藏的iframe加载地址为该图片的地址,然后让iframe执行saveas命令。 具体步骤: 代码示例: script functionSaveit(){ temp.location=event.srcElement.src//在隐藏帧中加载图片 //100毫秒后在id为temp的隐藏帧上执行saveas命令

解决思路:

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

给TA打赏
共{{data.count}}人
人已打赏
Javascript教程

根据内容自动调整弹出窗口大小的JS解决方案

2006-10-5 23:56:00

Javascript教程

如何控制框架页的滚动

2006-10-5 23:59:00

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
有新私信 私信列表
搜索