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

最新推荐文章于 2023-01-29 09:52:10 发布

literaryfly

最新推荐文章于 2023-01-29 09:52:10 发布

阅读量757

点赞数

分类专栏： JavaScript 文章标签：浏览器 HTML

本文链接：https://blog.csdn.net/literaryfly/article/details/83891499

版权

JavaScript 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

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


<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>