上传图片后显示图片的js例子

  <div id="pic_wrap">
                <input id="file" class="file_hide" name="licence" type="file" onchange="fileshow(this)">
                <label id="choose_File" for="file" class="choose"><span class="image"></span>
               </label>
   </div> 

 function fileshow(){     
        if(file.files&&file.files[0]){
            if(!new RegExp("(jpg|jpeg|gif|png)+","gi").test(file.files[0].type)){  
                alert("照片上传：文件类型必须是JPG、JPEG、PNG或GIF!");  
               // res=false;//res=false;  
            }          
            var reader = new FileReader();
              reader.onload = function(evt){
                var imgsrc = evt.target.result;
                var div=document.getElementById("choose_File");
                var wrap=document.getElementById("pic_wrap");
                var elementNode= document.createElement("span"); 
                div.innerHTML='<img src="'+imgsrc+'" alt="" style="float:left;width:100px;height:100px"/>';             
                div.style.width='100%';
                div.style.border='none';
              }
              reader.readAsDataURL(file.files[0]);
        }
    }