Google Blog 搜尋引擎曝光術

Hello Test by Live Writer

 

 

 

 

upload image 時，及時 preview

  <form  action="#"  enctype="multipart/form-data" method="post" name="frm"> 
  UID: <input type="text" value="Text from Model" disabled /><br /> 
  
  <input type='file' onchange="readPic (this);" /> 
  <img id="preview" src="~/Contents/Images/login.png" alt="your image" width="64" height="64"/> 

  <br/> 
  其他欄位 ....<input type="text" /><br /> 
  </form><br /><br /> 

  <script type="text/javascript"> 
      function readPic (input) { 
          if (input.files && input.files[0]) { 
              var reader = new FileReader(); 
              reader.onload = function (e) {$('#preview').attr('src', e.target.result);}; 
              reader.readAsDataURL(input.files[0]); 
          } 
      } 
  </script>