点击旋钮保存网页中指定的图片，利用js实现
日期：2014-05-16 浏览次数：20451 次
点击按钮保存网页中指定的图片，利用js实现
有时候在网页上需要禁用右键菜单，但是需要点击某一按钮保存指定的图片，代码如下：
如果大家有兴趣，可以自己扩展。
需要注意的是如果把代码拷贝下来放到一个HTML中运行，点击保存按钮时网页会直接在浏览器中打开图片
需要把HTML页面放到服务器中，例如tocmat中，这样访问的话就可以看到效果。
有时候在网页上需要禁用右键菜单，但是需要点击某一按钮保存指定的图片，代码如下：
<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中，这样访问的话就可以看到效果。
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
