带有图片预览功能的上传表单的完整HTML
时间:[2007-10-8 16:45:47] 作者:作者不详
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>带有图片预览功能的上传表单webjx.com</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>
实例应用: <script> function viewmypic(mypic,imgfile) { if (imgfile.value){ mypic.src=imgfile.value; mypic.style.display=""; mypic.border=1; } } </script> <table width="33%" border="0" align="center" cellpadding="5" cellspacing="1" bgcolor="#EEF9FF" class="txt2"> <form action="upfile.asp" method="post" enctype="multipart/form-data" name="form1"><tr class="txt2"> <td> <p>图片地址:<br> <input name="pic" type="file" id="pic" onchange="viewmypic(showimg,this.form.pic);"> <br> 图片最佳大小 200K以下 450*300像素 </p> <p align="center"><img name="showimg" id="showimg" src="" style="display:none;" alt="预览图片" /></p> <p align="center"> <input type="submit" name="Submit" value="上传"> </p> <p align="center"><font color="#FF0000">图片文件格式为 .jpg .gif .jpeg</font></p> </td> </tr></form> </table> |
【声明】本站刊载的《带有图片预览功能的上传表单的完整HTML》一文如果有侵害你权益的情况,请联系我们。我们将及时采取措施。
QQ:44637339 Email:just6@163.com Tel:13355163107 Lining studios