手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >单击图片时直接出现另存为对话框
单击图片时直接出现另存为对话框
摘要:解决思路:在点击图片时设置隐藏的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

图1 单击图片理弹出的保存图片对话框

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

【单击图片时直接出现另存为对话框】相关文章:

JavaScipt中Function()函数的使用教程

js实现鼠标移到链接文字弹出一个提示层的方法

JavaScript中的lastIndexOf()方法使用详解

超强图片数量上传无限制

3张图片循环组和(很有动感)

超级强大的表单验证

jQuery实现鼠标经过图片变亮其他变暗效果

探索angularjs+requirejs全面实现按需加载的套路

JS中的Replace方法使用经验分享

全面详细的jQuery常见开发技巧手册

精品推荐
分类导航