带有图片预览功能的上传表单完整HTML
摘要：带有图片预览功能的上传表单，完整的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>
【带有图片预览功能的上传表单完整HTML】相关文章：
★ HTML基本概念
★ 输入框测试警告
上一篇：
网页设计学习XHTML的应用
下一篇：
HTML的基本标签和属性简单介绍