带有图片预览功能的上传表单的完整HTML
2016-06-24来源:

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

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>带有图片预览功能的上传表单jb51.net</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" onchange="viewmypic(showimg,this.form.imgfile);" />

<br />

</form>

<img name="showimg" id="showimg" src="" style="display:none;" alt="预览图片" />

<br />

</div>

<div style="display:none">

</div>

</center>

</body>

</html>

推荐信息
Baidu
map