点击旋钮保存网页中指定的图片，利用js实现-JavaSript-爱易网页

点击旋钮保存网页中指定的图片，利用js实现

日期：2014-05-16　浏览次数：20416 次

点击按钮保存网页中指定的图片，利用js实现
有时候在网页上需要禁用右键菜单，但是需要点击某一按钮保存指定的图片，代码如下：

<html>
	<head>
		<title></title>
		<style type="text/css">
			.mytab{
				 border:1px solid gray;
				 cellspacing:0;
				 cellpadding:0;
			}
		</style>
		
		<script language="javascript" type="text/javascript">
			function save(){
				var img = document.getElementById("testImg");
				var oPop = window.open(img.src,"","width=1,height=1,top=5000,left=5000");
				for(;   oPop.document.readyState   !=   "complete";   ){     
					if   (oPop.document.readyState   ==   "complete")break;  
				}
				oPop.document.execCommand("SaveAs");
				oPop.close();
			}
		</script>
	</head>
	<body>
		<input type="button" value="保存" onclick="save();" /><br/>
		<img id="testImg" width="200px" height="200px" src="1.jpg" alt="测试图片js保存" /><br/>
	</body>
</html>

如果大家有兴趣，可以自己扩展。

需要注意的是如果把代码拷贝下来放到一个HTML中运行，点击保存按钮时网页会直接在浏览器中打开图片

需要把HTML页面放到服务器中，例如tocmat中，这样访问的话就可以看到效果。