Loading

带有图片预览功能的上传表单 上传预览

效果如下：



 

<html>       
<head>       
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">       
<title>带有图片预览功能的上传表单</title>       
<script>       
function viewmypic(mypic,imgfile) {        
if (imgfile.value){        
mypic.src=imgfile.value;        
mypic.style.display="";        
mypic.border=1;        
}        
}        
</script>       
</head>       
<body>       
<center>       
<form >       
<input name="imgfile" type="file" id="imgfile" size="40" onchange="viewmypic(showimg,this.form.imgfile);" />       
<br />       
</form>       
<img name="showimg" id="showimg" src="" style="display:none;" alt="预览图片" />       
<br />       
</div>       
<div style="display:none">       
</div>       
</center>       
</body>       
</html> 
posted @ 2009-03-18 13:47  Dhoopu  阅读(726)  评论(0)  编辑  收藏  举报