预览待上传的本地图片

预览待上传的本地图片

 

<form name="form5" id="form5" method="post" action="#">
    <input type="file" name="file5" id="file5" 
    onchange="preview5()"/>
</form>
<script type="text/javascript">
function preview5(){
  var x = document.getElementById("file5");
  if(!x || !x.value) return;
  var patn = //.jpg$|/.jpeg$|/.gif$/i;
  if(patn.test(x.value)){
    var y = document.getElementById("img5");
    if(y){
      y.src = "file://localhost/" + x.value;
    }else{
      var img=document.createElement("img");
      img.setAttribute("src","file://localhost/"+x.value);
      img.setAttribute("width","120");
      img.setAttribute("height","90");
      img.setAttribute("id","img5");
      document.getElementById("form5").appendChild(img);
    }
  }else{
    alert("您选择的似乎不是图像文件。");
  }
}
</script> 

来自:http://www.cnblogs.com/bgming/archive/2005/09/30/247367.html