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

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

索引在线

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

阅读量1.7k

点赞数

CC 4.0 BY-SA版权

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

本文链接：https://blog.youkuaiyun.com/mimang2008110/article/details/83736661

JavaScript文章专栏收录该内容

19 篇文章

订阅专栏

本文介绍了一种在网页上禁用右键菜单的方法，并通过JavaScript实现点击按钮保存指定图片的功能。需要注意的是，该代码需在服务器环境下运行才能生效。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

<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中，这样访问的话就可以看到效果。