用javascript实现直接弹出保存文件的系统对话框

2009年06月8日
by junstyle
1,039 views
0 comments

一个图片相关的网站，为了让网友下载图片方便快捷，当点击一个保存图片的链接时，直接弹出系统的保存文件的对话框。实现代码如下：

<img src="upload/200906081725365867.gif" id="imgIn" />
<a href="#" onclick="return saveFace(imgIn.src);">保存到电脑</a>
<iframe name="imgFrame" onload="runSave()" style="display:none;"></iframe>

<script type="text/javascript">
	function runSave(){
		if (imgFrame.location != "about:blank") window.imgFrame.document.execCommand("SaveAs");
	}
	function saveFace(url){
		if(window.imgFrame &amp;&amp; url) window.imgFrame.location=url;
		return false;
	}
</script>

说明：利用iframe的onload事件，把iframe的location设置为图片的src，然后再调用execCommand("SaveAs")执行保存。这样就很方便的实现了直接弹出保存文件的系统对话框。

JAVASCRIPT, 未分类