图片预览之客户端

function ShowImage(obj)
{
 
    var suffix=obj.value.substring(obj.value.lastIndexOf(".")+1).toLowerCase();
    var browserVersion= window.navigator.userAgent.toUpperCase();
   
       
        //兼容ie和火狐
        if (browserVersion.indexOf("MSIE 6.0")>-1){//ie6
            obj.select()
            $("#imgHeadPhoto").attr("style","width: 160px; height: 170px; border: solid 1px #d2e2e2;");
            $("#imgHeadPhoto").attr("src",document.selection.createRange().text);
            
          // $("#divPreview").append("<img id='imgHeadPhoto' style='width: 160px; height: 170px; border: solid 1px #d2e2e2;' src='"+document.selection.createRange().text+"'/>");
        }else if(browserVersion.indexOf("MSIE 7.0")>-1 || browserVersion.indexOf("MSIE 8.0")>-1){//ie7、ie8
            //滤镜实现
            obj.select();
            var newPreview = document.getElementById("divNewPreview");
            newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = document.selection.createRange().text;
            newPreview.style.width = 160;
            newPreview.style.height = 170;
            newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").sizingMethod = 'scale';
            $("#divPreview").attr("style","display:none");
            $("#divNewPreview").attr("style","filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);width:160px;height:170px;border:solid 1px #d2e2e2;");           
        }
        else if(browserVersion.indexOf("Firefox")>-1){ //火狐
            var objectURL = window.URL.createObjectURL(obj.files[0]);
            $("#imgHeadPhoto").attr("style","width: 160px; height: 170px; border: solid 1px #d2e2e2;");
            $("#imgHeadPhoto").attr("src", window.URL.createObjectURL(obj.files[0]));
            
           // $("#divPreview").append("<img id='imgHeadPhoto' style='width: 160px; height: 170px; border: solid 1px #d2e2e2;' src='"+window.URL.createObjectURL(obj.files[0])+"'/>");
        }
        else if(obj.files){
            //兼容chrome，也可以兼容火狐，Chrome、Firefox上通过HTML5来实现
            var reader = new FileReader();
           reader.onload = function(evt){
                                   $("#imgHeadPhoto").attr("style","width: 160px; height: 170px; border: solid 1px #d2e2e2;");
                                   $("#imgHeadPhoto").attr("src",evt.target.result);
                                   }
           //reader.onload = function(evt){$("#divPreview").append("<img id='imgHeadPhoto' style='width: 160px; height: 170px; border: solid 1px #d2e2e2;' src='"+evt.target.result+"'/>");;}
            reader.readAsDataURL(obj.files[0]);
        }  
    

}