下面是个超简单的单击图片时直接出现另存为对话框教程,图老师小编精心挑选推荐,大家行行好,多给几个赞吧,小编吐血跪求~
【 tulaoshi.com - Web开发 】
解决思路:在点击图片时设置隐藏的iframe加载地址为该图片的地址,然后让iframe执行saveas命令。
具体步骤:
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)代码示例:
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()"
特别提示:
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)代码运行后,单击图片,100毫秒后将弹出保存图片的对话框,如图1所示。
图1 单击图片理弹出的保存图片对话框
特别说明 本例需要掌握的一个技巧是如何利用隐藏的iframe来实现文件的保存,其实能保存的不仅仅是图片,还包括其它文件,不过在保存Flash(swf格式)文件时打开文件时是空白。来源:http://www.tulaoshi.com/n/20160219/1603500.html
看过《单击图片时直接出现另存为对话框》的人还看了以下文章 更多>>