您现在的位置： 万盛学电脑网 >> 程序编程 >> 网页制作 >> 脚本Html教程 >> 正文
带有图片预览功能的上传表单完整HTML
作者：佚名 责任编辑：admin 更新时间：2022-06-22
带有图片预览功能的上传表单，完整的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>
- 上一个程序编程： 网页设计学习XHTML的应用
- 下一个程序编程： HTML的基本标签和属性简单介绍
