简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

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

来源:易贤网   阅读:1627 次  日期:2016-06-24 15:22:42

温馨提示:易贤网小编为您整理了“带有图片预览功能的上传表单的完整HTML”,方便广大网友查阅!

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

更多信息请查看网页制作
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:HTML表格标记详细讲解(适合初学者)
下一篇:HTML教程:tml水平线段
易贤网手机网站地址:带有图片预览功能的上传表单的完整HTML
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!