用户名: 密码: 验证码:           网站地图 高级搜索 RSS订阅 收藏本站
Google
您的位置:首页>>图形设计>>HTML教程>>阅读资讯:带有图片预览功能的上传表单的完整HTML

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

[ 来源: | 阅读:次 | 更新日期:2007-9-29 19:53:08 | 评论 0 条 | 我要投稿 ]

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

字串6

<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>       yueluo.net
<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> 字串9


Tags:网页制作,表单,图片
责任编辑:
您的评论
用户名:新注册) 密码: 匿名评论 [所有评论]

·用户发表意见仅代表其个人意见,并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯,提倡就事论事,杜绝漫骂和人身攻击等不文明行为