加入收藏 | 设为首页 | 会员中心 | 我要投稿 聊城站长网 (https://www.0635zz.com/)- 智能语音交互、行业智能、AI应用、云计算、5G!
当前位置: 首页 > 教程 > 正文

完整的 HTML、包含图片预览的上传表单

发布时间:2023-05-04 13:25:31 所属栏目:教程 来源:
导读:带有图片预览功能的上传表单,完整的html代码如下所示

<html>

<head>

<meta http-equiv="content-type" content="text/html; charset=gb2312">

<title>带有图片预览功能的上传表单
带有图片预览功能的上传表单,完整的html代码如下所示
 
<html>      
 
<head>      
 
<meta http-equiv="content-type" content="text/html; charset=gb2312">      
 
<title>带有图片预览功能的上传表单CuoXin.com</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>
 
 

(编辑:聊城站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!