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

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

索引在线

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

阅读量1.6k

点赞数

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

本文链接：https://blog.csdn.net/mimang2008110/article/details/83736661

版权

JavaScript文章专栏收录该内容

19 篇文章 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="保存" οnclick="save();" /><br/>
		<img id="testImg" width="200px" height="200px" src="1.jpg" alt="测试图片js保存" /><br/>
	</body>
</html>

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

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

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

索引在线

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
点击按钮保存网页中指定的图片，利用js实现

有时候在网页上需要禁用右键菜单，但是需要点击某一按钮保存指定的图片，代码如下：&lt;html&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;style type="text/css"&gt; .mytab{ border:1px solid gray; cellspacing:0; ...
复制链接

扫一扫

专栏目录