time 
设为首页】【收藏本站
当前位置: 主页 > WEB教程 > XHTML教程 > 带有图片预览功能的上传表单的完整HTML-XHTML教程

带有图片预览功能的上传表单的完整HTML-XHTML教程

时间:2009-03-12 11:07 点击:914次 字体:[ ]




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

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>带有图片预览功能的上传表单fengfly.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>



本文地址 : http://www.fengfly.com/plus/view-22744-1.html
标签: 图片 教程 预览 功能 上传 完整
------分隔线----------------------------
最新评论 查看所有评论
发表评论 查看所有评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码: