WEB开发网
开发学院网页设计Html 带有图片预览功能的上传表单的完整HTML 阅读

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

 2007-10-07 19:15:49 来源:WEB开发网   
核心提示:带有图片预览功能的上传表单,完整的HTML代码如下所示<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>

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

<html>   
<head>   
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">   
<title>带有图片预览功能的上传表单it.com.cn</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" />   
<br />   
</form>   
<img name="showimg" id="showimg" src="" style="display:none;" alt="预览图片" />   
<br />   
</div>   
<div style="display:none">   
</div>   
</center>   
</body>   
</html>

Tags:带有 图片 预览

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接