您的位置:首页 > 新闻文摘 > 【 返回上一页

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

代码如下:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>图片上传</title>
<script>
function viewmypic(mypic,imgfiles) {
if (imgfiles.value){
mypic.src=imgfiles.value;
mypic.style.display="";
mypic.border=1;
}
}
</script>
</head>
<body>
<center>
<form >
<input name="imgfiles" type="file" id="imgfiles" size="40" onchange="viewmypic(showimg,this.form.imgfiles);" />
<br />
</form>
<img name="showimg" id="showimg" src="" style="display:none;" alt="预览图片" />
<br />
</div>
<div style="display:none">
</div>
</center>
</body>
</html>

如需转载,请注明文章出处和来源网址:https://www.thinkcss.com/article/1204.shtml

修订日期:2017-01-04 11:40 ThinkCSS整理 css div