点击按钮保存网页中指定的图片，利用js实现 - 温凯旋的技术论坛 - ITeye博客

`

mimang2007110

浏览: 232110 次
性别:
来自: 西安

最近访客更多访客>>

zj_goodbad

fang520

vxnjex

yancl443

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

qwe2252099：给力！简单易懂
两个java web服务间SoapMessage对象的传递
mimang2007110：不是自带的，自己编辑过的
java代码模板
墨子宇：貌似不是带有箭头的
CSS带箭头的导航菜单
墨子宇：借鉴一下。不是自带的那个吧
java代码模板
墨子宇：看名字应该是注释模板吧
myeclipse编码模板

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

博客分类：

JavaScript文章

JavaScript CSS 浏览器 HTML

阅读更多

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

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

分享到：

Java操作返回集合的存储过程 | table控件以及用法

2010-10-25 11:32
浏览 12636
评论(0)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

采用ajax实现的图片验证码: ------------------------------------------------------------采用ajax验证，用户在文本框中输入的验证码，与系统生成的验证码，是否一致,如果一致，按钮可以点击 1、导入dwr.jar 2、在web.xml文件加载dwr 3...

AJAX基础概念、核心技术与典型案例(内涵动态实例): 程序描述：本章将利用开源框架Prototype，讲述如何在网页中实现Windows关机效果，使读者对Prototype框架有进一步的认识。 /lightbox.html 仿Window关机效果 /lightbox.js JavaScript脚本文件第23章...

asp.net专家疑难解答200问源码: 165.如何将数据库中保存的图片显示到页面中 166.如何在插入记录后获得记录的标识号 167.如何解决ADO.NET访问ACCESS数据库出现“操作必须使用一个可更新的查询”的问题 168.如何从EXCEL文件中读取数据 169.如何...

asp.net专家疑难解答200问: 如何将数据库中保存的图片显示到页面中 166.如何在插入记录后获得记录的标识号 167.如何解决ADO.NET访问ACCESS数据库出现“操作必须使用一个可更新的查询”的问题 168.如何从EXCEL文件中读取数据 169...

PHP程序开发范例宝典III: 实例070　不用图片实现质感导航条　102 实例071　弹出式下拉菜单　103 实例072　二级导航菜单　105 实例073　半透明背景的下拉菜单　106 实例074　展开式导航条　110 实例075　解释型菜单　111 实例076　自动隐藏的...

用javascrpt将指定网页保存为Excel的代码: 使用:利用要保存的页面内容点击按钮后即可. [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

傲游浏览器3(Maxthon) 3.1.8.1000 正式版: 在Facebook点击图片或视频进入影院模式,点击关闭按钮后浏览器显示的页面不正常. Facebook照片关闭时,会回到个人主页. 点击某些网页上的连接,地址栏不会改变. 无法在某些Flash中输入中文. 某些网页会无故跳转到手机版...

JavaScript笔记: 15.JavaScript中的所有事物都是对象，分为三类： |--简单对象：String、Number、Boolean |--组合对象：Array、Math、Date |--复杂对象：Function、Regex、Object等 16.Array排序： |--升序：function compare(a...

js使用小技巧: Javascript小技巧一箩筐事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode ...

70款经典Dreamweaver插件: Fix_Null_Links 把所有的“#”替换成“javascript”来避免一点击它，网页马上就翻到了顶部 advopenwindow 弹出窗口(窗口居中、总在最前面、自动关闭、全屏、无边框窗口) averagedistribute 单元格平均分布 Quick_...

Dreamweaver 插件集: 把所有的“#”替换成“javascript”来避免一点击它，网页马上就翻到了顶部 advopenwindow 弹出窗口(窗口居中、总在最前面、自动关闭、全屏、无边框窗口) averagedistribute 单元格平均分布 Quick_Title 建立文字型的...

asp.net知识库: 帮助解决网页和JS文件中的中文编码问题的小工具慎用const关键字装箱，拆箱以及反射动态调用对象的属性和方法——性能和灵活性兼备的方法消除由try/catch语句带来的warning 微软的应试题完整版（附答案）一个...

工程硕士学位论文基于Android+HTML5的移动Web项目高效开发探究: Chrome Frame 会把最新版的Chrome Webkit 内核和JavaScript 引擎注入到IE中, IE浏览器将获得Chrome的性能和功能目录摘要 I ABSTRACT II 专业名词清单 III 第一章绪论 1 1.1 研究背景与意义 1 1.2国内外相关...

xheditor-1.1.14: 说明：当localUrlTest测试为false时，会将图片URL发往当前参数指定的服务器端上传接收程序，抓取成功后将本地URL返回并替换备注：v1.1.8新添加 readTip：无障碍读屏提示参数值：字符串(默认为空) 说明：无障碍读屏...

java源码包2: 　Java生成密钥、保存密钥的实例源码，通过本源码可以了解到Java如何产生单钥加密的密钥(myKey)、产生双钥的密钥对(keyPair)、如何保存公钥的字节...保存、如何从文件中得到公钥编码的字节数组、如何从字节数组解码公钥...

java源码包---java 源码大量实例: 　Java生成密钥、保存密钥的实例源码，通过本源码可以了解到Java如何产生单钥加密的密钥(myKey)、产生双钥的密钥对(keyPair)、如何保存公钥的字节...保存、如何从文件中得到公钥编码的字节数组、如何从字节数组解码公钥...

PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part1: 实例127 将数组中指定索引位置的元素替换 157 实例128 获取数组中最后一个元素 158 实例129 去除数组中的重复元素 158 实例130 字符串与数组的转换 159 实例131 对数组元素进行随机排序 160 实例132 随机抽取数组中...

PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part2: 实例127 将数组中指定索引位置的元素替换 157 实例128 获取数组中最后一个元素 158 实例129 去除数组中的重复元素 158 实例130 字符串与数组的转换 159 实例131 对数组元素进行随机排序 160 实例132 随机抽取数组中...

java源码包3: 　Java生成密钥、保存密钥的实例源码，通过本源码可以了解到Java如何产生单钥加密的密钥(myKey)、产生双钥的密钥对(keyPair)、如何保存公钥的字节...保存、如何从文件中得到公钥编码的字节数组、如何从字节数组解码公钥...

java源码包4: 　Java生成密钥、保存密钥的实例源码，通过本源码可以了解到Java如何产生单钥加密的密钥(myKey)、产生双钥的密钥对(keyPair)、如何保存公钥的字节...保存、如何从文件中得到公钥编码的字节数组、如何从字节数组解码公钥...

Global site tag (gtag.js) - Google Analytics