document.selection.CreateRange().text的问题

<style type="text/css">  
 #preview, .img, img  
 {  
 width:200px;  
 height:200px;  
 }  
 #preview  
 {  
border:1px solid #000;  
}  
 </style>  
 </head>  
<body>  
 <div id="preview"></div>  
<input type="file" onchange="preview(this)" />  
 <script type="text/javascript">    
function getFilePath(input){  
    if(input){//input是<input type="file">Dom对象  
        if(window.navigator.userAgent.indexOf("MSIE")>=1){  //如果是IE    
            input.select();
            input.blur();    
          return document.selection.createRange().text;      
        }      
        else if(window.navigator.userAgent.indexOf("Firefox")>=1){  //如果是火狐  {      
            if(input.files){      
                return input.files.item(0).getAsDataURL();      
            }      
            return input.value;      
        }      
        return input.value;   
    }
    
} 
 function preview(file)  
 { 
  var input = document.getElementById('fileId')
 getFilePath(input)
 var prevDiv = document.getElementById('preview');  
 if (file.files && file.files[0])  
 {  
 var reader = new FileReader();  
 reader.onload = function(evt){  
 prevDiv.innerHTML = '<img src="' + evt.target.result + '" />';  
}    
 reader.readAsDataURL(file.files[0]);  
}  
 else    
 {  
 prevDiv.innerHTML = '<div class="img" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src=\'' + file.value + '\')"></div>';  
 } 
 alert(file.value) }
 </script>