单击图片时直接出现另存为对话框
摘要:解决思路:在点击图片时设置隐藏的iframe加载地址为该图片的地址,然后让iframe执行saveas命令。具体步骤:代码示例:script...
解决思路: 在点击图片时设置隐藏的iframe加载地址为该图片的地址,然后让iframe执行saveas命令。
具体步骤:
代码示例:
script
functionSaveit(){
temp.location=event.srcElement.src//在隐藏帧中加载图片
//100毫秒后在id为temp的隐藏帧上执行saveas命令
setTimeout(’temp.document.execCommand("saveas")’,100)
}
/script
iframeid="temp"/iframe
imgsrc="demo.gif"onClick="Saveit()"
特别提示:
代码运行后,单击图片,100毫秒后将弹出保存图片的对话框,如图1所示。
图1 单击图片理弹出的保存图片对话框
特别说明本例需要掌握的一个技巧是如何利用隐藏的iframe来实现文件的保存,其实能保存的不仅仅是图片,还包括其它文件,不过在保存Flash(swf格式)文件时打开文件时是空白。
【单击图片时直接出现另存为对话框】相关文章:
★ 浅谈JavaScript中的Math.atan()方法的使用
★ JavaScript实现单击下拉框选择直接跳转页面的方法
★ JQuery使用index方法获取Jquery对象数组下标的方法
★ 探索angularjs+requirejs全面实现按需加载的套路
下一篇:
解决未知尺寸的图片撑破页面的问题