现在的位置: 首页 > 综合 > 正文

一个简单的图片预览

2013年06月28日 ⁄ 综合 ⁄ 共 541字 ⁄ 字号 评论关闭

<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> 

抱歉!评论已关闭.