图片上传 预览

<div style="width: 120px;height: 128px;border: 1px solid red; margin-left: 30px;padding: 2px;" id="localImag" > 
<img name="showimg" id="showimg" src="" width="116px" height="125px" alt="照片预览"  class="showimg" />  
</div> 
<input name="imgfile" type="file" id="imgfile" class="imgfile" onchange="setImagePreview();"  size="3" style="margin-left: 30px;" /> 
 
 
 
function setImagePreview() { 
     var docObj=document.getElementById("imgfile"); 
     var imgObjPreview=document.getElementById("showimg"); 
     if(docObj.files && docObj.files[0]){ 
          var imgSrcx =docObj.value; 
          if (!/\.(jpg|jpeg|png|JPG|PNG|JPEG|gif|GIF)$/.test(imgSrcx)) { 
              alertMsg.warn("您上传的图片格式不正确，请重新选择!"); 
              return false; 
          } 
          //火狐下，直接设img属性 
          //imgObjPreview.src = docObj.files[0].getAsDataURL(); 
          //火狐7以上版本不能用上面的getAsDataURL()方式获取 
          imgObjPreview.src = window.URL.createObjectURL(docObj.files[0]); 
     }else{ 
         //IE下，使用滤镜 
         docObj.select(); 
          var imgSrc = document.selection.createRange().text; 
          if (!/\.(jpg|jpeg|png|JPG|PNG|JPEG|gif|GIF)$/.test(imgSrc)) { 
              alertMsg.warn("您上传的图片格式不正确，请重新选择!"); 
              return false; 
          } 
          var localImagId = document.getElementById("localImag"); 
          //图片异常的捕捉，防止用户修改后缀来伪造图片 
          try{ 
           localImagId.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)"; 
           localImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc; 
          }catch(e){ 
              alertMsg.warn("您上传的图片格式不正确，请重新选择!"); 
           return false; 
          } 
          imgObjPreview.style.display = 'none'; 
          document.selection.empty(); 
     } 
     return true; 
    }