带有图片预览功能的上传表单完整HTML
带有图片预览功能的上传表单完整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>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新脚本HTML教程学习
热门脚本HTML教程学习
网页设计子分类