手机
当前位置:查字典教程网 >网页设计 >XHTML >带有图片预览功能的上传表单的完整HTML
带有图片预览功能的上传表单的完整HTML
摘要:带有图片预览功能的上传表单,完整的HTML代码如下所示带有图片预览功能的上传表单jb51.netfunctionviewmypic(mypi...

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

【带有图片预览功能的上传表单的完整HTML】相关文章:

如何使用图片按钮作为重置(reset)表单按钮

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

input标签里面的name与value的区别

HTML (css样式规范)必看篇

将XHTML CSS页面转换为打印机页面

HTML标签marquee实现多种滚动效果(无需JS控制)

CSS的SASS样式编程指南

浅谈表单中的只读和禁用属性

添加和删除HTML节点的简单示例

html多媒体应用之网页中插入flash动画、插入音乐

精品推荐
分类导航