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

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

<html>

<head>

<metahttp-equiv="Content-Type"content="text/html;charset=gb2312">

<title>带有图片预览功能的上传表单webjx.com</title>

<script>

functionviewmypic(mypic,imgfile){

if(imgfile.value){

mypic.src=imgfile.value;

mypic.style.display="";

mypic.border=1;

}

}

</script>

</head>

<body>

<center>

<form>

<inputname="imgfile"type="file"id="imgfile"size="40"onchange="viewmypic(showimg,this.form.imgfile);"/>

<br/>

</form>

<imgname="showimg"id="showimg"src=""style="display:none;"alt="预览图片"/>

<br/>

</div>

<divstyle="display:none">

</div>

</center>

</body>

</html>

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

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

html页面中常用的一些小方法整理

HTML语言剖析(一) Html简介

在Foxmail中直接查看HTML格式邮件

HTML文档结构对Div+CSS布局的意义

pymongo实现控制mongodb中数字字段做加法的方法

Frontpage排版中的三种回车符

HTML代码:带有图片预览功能的上传表单

HTML的一些小技巧

HTML tabIndex属性

精品推荐
分类导航