Bookmark and Share

Lee's 程序人生

HTML CSS Javascript XML AJAX ATLAS C# C++ 数据结构 软件工程 设计模式 asp.net Java 数字图象处理 Sql 数据库
  博客园  :: 首页  :: 新随笔  :: 联系 :: 管理

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

Posted on 2008-06-13 11:04  analyzer  阅读(362)  评论(0)    收藏  举报
 1html>   
 2<head>   
 3<meta http-equiv="Content-Type" content="text/html; charset=gb2312">   
 4<title>图片上传</title>   
 5<script>   
 6function viewmypic(mypic,imgfile) {    
 7if (imgfile.value){    
 8mypic.src=imgfile.value;    
 9mypic.style.display="";    
10mypic.border=1;    
11}
    
12}
    
13
</script>   
14</head>   
15<body>   
16<center>   
17<form >   
18<input name="imgfile" type="file" id="imgfile" size="40" onchange="viewmypic(showimg,this.form.imgfile);" />   
19<br />   
20</form>   
21<img name="showimg" id="showimg" src="" style="display:none;" alt="预览图片" />   
22<br />   
23</div>   
24<div style="display:none">   
25</div>   
26</center>   
27</body>   
28</html>