注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

2011终点

2011终点

 
 
 

日志

 
 

上传图片预览代码  

2010-11-01 10:28:25|  分类: html |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>图片上传</title>
<script>
function viewmypic(imgfile) {
if (imgfile.value){
var oImg = new Image();
oImg.src = imgfile.value;
var ow = oImg.width;
var oh = oImg.height;
var ow2 = ow, oh2 = oh;// 得到宽高
try {
if (ow > oh) {
if (ow > 200) {
ow2 = 200;
oh2 = "auto";
}
} else {
if (oh > 200) {
oh2 = 200;
ow2 = "auto";
}
}
var getimg = "<a href=\""
+ oImg.src
+ "\" onclick=\"window.open(this.href,'','width=500,height=400,top='+(window.screen.height-500)/2+',left='+(window.screen.width-500)/2+',resizable=yes ');return false;\" target=\"_blank\">"
+ "<img border=\"0\" id=\"uploadimg\" src=\"" + oImg.src
+ "\" style=\"width:" + ow2 + ";height:" + oh2 + ";\">"
+ "</a>";
document.getElementById("showPic").innerHTML = getimg;
document.getElementById("showPic").style.display='';
} catch (ex) {
alert(ex.toString());
}
}
}
</script>
</head>
<body>
<center>
<form >
<input name="imgfile" type="file" id="imgfile" size="40" onchange="viewmypic(this);" />
</form>
<img name="showimg" id="showimg" src="" style="display:none;" alt="预览图片" />
<br />
<div id='showPic' style="display:none">
</div>
</center>
</body>
</html>
  评论这张
 
阅读(770)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017