发新话题
打印

[分享] 带有图片预览功能的上传表单的完整HTML

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

带有图片预览功能的上传表单,完整的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);" />        

        
</form>        
<img name="showimg" id="showimg" src="" style="display:none;" alt="预览图片" />        

        
</div>        
<div style="display:none">        
</div>        
</center>        
</body>        
</html>
赠人玫瑰,手有余香。

TOP

发新话题