点击按钮保存网页中指定的图片,利用js实现
有时候在网页上需要禁用右键菜单,但是需要点击某一按钮保存指定的图片,代码如下:<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="保存"/><br/><img id="testImg" width="200px" height="200px" src="1.jpg" alt="测试图片js保存" /><br/></body></html>
如果大家有兴趣,可以自己扩展。
需要注意的是如果把代码拷贝下来放到一个HTML中运行,点击保存按钮时网页会直接在浏览器中打开图片
需要把HTML页面放到服务器中,例如tocmat中,这样访问的话就可以看到效果。
页:
[1]