带有图片预览功能的上传表单完整HTML
发布时间：2015-05-12 来源：查字典编辑
摘要：带有图片预览功能的上传表单，完整的HTML代码如下所示带有图片预览功能的上传表单webjx.comfunctionviewmypic(myp...
带有图片预览功能的上传表单，完整的HTML代码如下所示
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312">
<title>带有图片预览功能的上传表单webjx.com</title>
<script>
functionviewmypic(mypic,imgfile){
if(imgfile.value){
mypic.src=imgfile.value;
mypic.style.display="";
mypic.border=1;
}
}
</script>
</head>
<body>
<center>
<form>
<inputname="imgfile"type="file"id="imgfile"size="40"onchange="viewmypic(showimg,this.form.imgfile);"/>
<br/>
</form>
<imgname="showimg"id="showimg"src=""style="display:none;"alt="预览图片"/>
<br/>
</div>
<divstyle="display:none">
</div>
</center>
</body>
</html>