有时候在网页上需要禁用右键菜单,但是需要点击某一按钮保存指定的图片,代码如下:
<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中,这样访问的话就可以看到效果。