查看完整版本: 带有图片预览功能的上传表单的完整HTML

snowfox373 2007-11-28 13:20

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

带有图片预览功能的上传表单，完整的HTML代码如下所示：[code]<html>        
)on/S,SB RH iA <head>        ,F{)V6v3e
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">        (yt{$qB sw%W:o,ao9D
<title>带有图片预览功能的上传表单</title>        S&] H-Yn*DR
<script>        
ti*y3Tn-u function viewmypic(mypic,imgfile) {         t,`bgK:Ot UN
if (imgfile.value){         
?]dR z+a mypic.src=imgfile.value;         yiyH [j
mypic.style.display="";         
[!RZryy mypic.border=1;         *l)?3W|KR;x2Mi
}         bpBrB7@.v)l
}         }i0Yq V
</script>        !c,@0P]H(i$|
</head>        
Ee0S5\/sX8C9H <body>         T$[a}'q&D
<center>        'J;NoS:e/j9M
<form >        
^ Sx BPk <input name="imgfile" type="file" id="imgfile" size="40" onchange="viewmypic(showimg,this.form.imgfile);" />        
u5JZ]-x'G Y*xl!q]E.I{
        ?*V%j w)n [-zN@
</form>        0u]4zXB W%p
<img name="showimg" id="showimg" src="" style="display:none;" alt="预览图片" />        
txk [O4m7Tar5ic #ng)~I'q4A:i;l/@
        
!sjnG&U0P0g!c </div>        
f/{8a} WP {Y*y <div style="display:none">        
8J9N o QB#C7P </div>        
GK{:o9x-n{gA </center>        
(@h5fiVB4F"JT$|Q%L </body>        8Mg.QN(r f HE"a
</html> [/code]
页: [1]
查看完整版本: 带有图片预览功能的上传表单的完整HTML