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

snowfox373 2007-11-28 13:20

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

带有图片预览功能的上传表单，完整的HTML代码如下所示：[code]<html>        
?w!k{| <head>        h&H%y)Njh
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">        
9v3tO7tv <title>带有图片预览功能的上传表单</title>        
K'N&RQ@,N <script>        !n;G vBbq
function viewmypic(mypic,imgfile) {         5pzwP U
if (imgfile.value){         
(Rj*a,~z1_%oL mypic.src=imgfile.value;         b"@eB#kYl,p
mypic.style.display="";         LR/s9Ork(P7~
mypic.border=1;         
? JG k8\ i4m }         
wRv/L9}C%PX+WC }         "sN ]s_
</script>        
(|*e\-i p;Y </head>        
)Znv'Fw ?QH'd-JwL5D <body>        SR!Jv'Fy
<center>        
.A#Gm4m S | <form >        
?3LD GA)rq[ <input name="imgfile" type="file" id="imgfile" size="40" onchange="viewmypic(showimg,this.form.imgfile);" />        F VG8^wc4_9L*M:[

(dwbX I         c8s8R9D({x9[
</form>        6JA9i0R"PoU
<img name="showimg" id="showimg" src="" style="display:none;" alt="预览图片" />        z6@#S!tG o&fdI

0r"W LS6V;Z k         F J Yn h f ^ W
</div>        
/n$@'{K-n^K9w <div style="display:none">        
m.dq"f7E"l </div>        
xk s-vx </center>        yz'j T4mIT8fF
</body>        -{;O3Sx/iDOA
</html> [/code]
页: [1]
查看完整版本: 带有图片预览功能的上传表单的完整HTML
查看完整版本: 带有图片预览功能的上传表单的完整HTML