首先看演示地址
http://www.icaren.cn/e/member/register/?groupid=1
选择一张图片作为注册头像就可以看到效果了 如下图
具体方法是首先把会员字段中的会员头像里面的html代码改成
<input type="file" size="30" name="userpicfile" onChange="javascript:FileChange(this.value);">
<br><IMG id=uploadimage height=0 width=0 src='".htmlspecialchars(stripSlashes($addr[userpic]))."' onload="javascript:DrawImage(this);" >
然后把下面这段js加入到控制面板的<head></head>之间
<script>
function DrawImage(ImgD){
var preW = 300;
var preH = 400 ;
var image=new Image();
image.src=ImgD.src;
if(image.width>0 && image.height>0){
flag=true;
if(image.width/image.height>= preW/preH){
if(image.width>preW){
ImgD.width=preW;
ImgD.height=(image.height*preW)/image.width;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
ImgD.alt=image.width+"×"+image.height;
}
else{
if(image.height>preH){
ImgD.height=preH;
ImgD.width=(image.width*preH)/image.height;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
ImgD.alt=image.width+"×"+image.height;
}
}
/*else{
ImgD.src="";
ImgD.alt=""
}*/
}
function FileChange(Value){
flag=false;
document.getElementById("uploadimage").width=10;
document.getElementById("uploadimage").height=10;
document.getElementById("uploadimage").alt="";
document.getElementById("uploadimage").src=Value;
}
</script>
最后刷新动态页面就大功告成
上传以下图片：
|
顶部 
加入收藏夹
2008-09-17 22:40:28 
已设置保密
回复
引用
报告
编辑
删除
支持下