带预览功能的图片上传代码 兼容IE 火狐

<div style="text-align:center;">
  <input id="myfile" type="file" />
  <br />
  <img src="" alt="Image to be upload." />
  <div id="info"></div>
</div>
<script type="text/javascript">
  var dFile = document.getElementById('myfile');
  var dImg = document.getElementsByTagName('img')[0];
  var dInfo = document.getElementById('info');
  dFile.onchange = function(){
  if(!dFile.value.match(/.jpg|.gif|.png|.bmp/i)){alert('File type must be: .jpg, .gif, .bmp or .png !');return;}
    if(dFile.files){
      dImg.src = dFile.files[0].getAsDataURL();
    }else if(dFile.value.indexOf('\\') > -1 || dFile.value.indexOf('\/') > -1){
      dImg.src = dFile.value;
    }
  }
</script>

如果您想了解更多，并深入研究下去，这里提供几个地址，仅供参考：

jimofengfan – 百度空间 – 兼容IE6,IE7,IE8和Firefox的图片上传预览效果

gejun2008的专栏- CSDN博客 – FF3(FireFox3),IE8上传图片实现图片预览的方法