帶有圖片預覽功能的上傳表單的完整HTML_XHTML教程
      
編輯Tag賺U幣
      


      教程Tag：暫無Tag,歡迎添加,賺取U幣!
      


      



      帶有圖片預覽功能的上傳表單，完整的HTML代碼如下所示  
      


      <html>       
      <head>       
      <meta http-equiv="Content-Type" content="text/html; charset=gb2312">       
      <title>帶有圖片預覽功能的上傳表單mb5u.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>   
      


      

      



      


      來源：模板無憂//所屬分類：XHTML教程/更新時間：2007-11-01


      

      



      


      



      相關XHTML教程：