一个简单的图片预览

<Html>  
<head>  
</head>  
<body>  
  <input id="photo" type="file" onChange="showImg()"/>   
<br />   
<img src="" id='aa' alt="Image to be upload." onload="javascript:DrawImage(this)"/>   
<script type="text/javascript">   
   
function showImg(){  
 var dFile = document.getElementById('photo');   
 var dImg = document.getElementById('aa');
//ff  
 if(dFile.files){   
  dImg.src = dFile.files[0].getAsDataURL();   
//ie  
 }else{   
  dImg.src = dFile.value;   
 }   
}   
function DrawImage(ImgD){   
    var image=new Image();   
    image.src=ImgD.src;  
}  
</script>  
</body>  
</Html> 

你可能感兴趣的:(一个简单的图片预览)