站内搜索
广告
带有图片预览功能的上传表单的完整HTML
作者:    来源:    点击:    日期:2007-11-28 10:53:44   

  带有图片预览功能的上传表单,完整的HTML代码如下所示:

以下是引用片段:
<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> 

带有图片预览功能的上传表单的完整HTML 评论