在JSP上傳圖片前預覽圖片

來源:互聯網
上載者:User

1: 
  <HTML>  
  <HEAD>  
  <TITLE>   New   Document   </TITLE>  
  </HEAD>  
  <SCRIPT   LANGUAGE="JavaScript">  
  <!--  
  function   showimg()  
  {  
  document.Myform.Myimg.src=document.Myform.filename.value;  
  }  
  //-->  
  </SCRIPT>  
  <BODY>  
  <FORM   name=Myform   METHOD=POST   ACTION="">  
  <INPUT   name=filename   TYPE="file"   onchange=setTimeout('showimg()',500)>  
  <IMG   name=Myimg   SRC=""   BORDER="0">  
  </FORM>  
  </BODY>  
  </HTML>   
 

2: 
  就這樣,可以了,如果想限制下大小,就在  
  function   showimg()  
  {  
  document.Myform.Myimg.src=document.Myform.filename.value;  
                    document.Myform.Myimg.width=;  
                    document.Myform.Myimg.height=;  
  }

3: 
  <HTML>  
  <HEAD>  
  <TITLE>   New   Document   </TITLE>  
  <META   NAME="Generator"   CONTENT="EditPlus">  
  <META   NAME="Author"   CONTENT="">  
  <META   NAME="Keywords"   CONTENT="">  
  <META   NAME="Description"   CONTENT="">  
  </HEAD>  
   
  <BODY>  
  <IMG   id=a   SRC=""   WIDTH="400"   HEIGHT="300"   BORDER="0"   ALT=""><input   type=file   id=b><button   onclick='aa()'>瀏覽</button>  
  </BODY>  
  </HTML>  
  <SCRIPT   LANGUAGE="JavaScript">  
  <!--  
  function   aa(){  
  document.getElementById("a").src=document.getElementById("b").value;  
  }  
  //-->  
  </SCRIPT>

4: 
 <IMG   ……width="80">  
  或者  
  <IMG   ……height="80">  
  只設定寬或高,就會自動調整了

 

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.