在IE中显示本地图片

在IE6中我们可以在上传图片的时候直接调用file://url就可以显示图片了,但是现在在IE7中由于浏览器的安全做了限制,所以不能采用这个方法了。

在IE7中,我们可以采用另外的方法

 <script language="javascript"> 
        
function setImagePreview( fileUrl ) 
        {             
            
var objDivFilter = document.getElementById("divFilter")             
             
            
if( fileUrl ) 
            {    
                objDivFilter.style.width 
= "400px";     
                objDivFilter.style.height 
= "400px";        //这个设置初始大小是必须的 
                 
                objDivFilter.style.filter
="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod = image)";    
                objDivFilter.filters.item(
"DXImageTransform.Microsoft.AlphaImageLoader").src = fileUrl;                            
         
                
// get width and height 
                alert( objDivFilter.offsetWidth) 
                alert( objDivFilter.offsetHeight) 
            } 
        } 

    
</script>

 

 

<asp:FileUpload ID="FileUpload1" runat="server" onchange="javascript:setImagePreview( this.value );" />
<div id="divFilter" />

 

 

posted @ 2009-01-15 17:12  海底的鱼  阅读(2374)  评论(0)    收藏  举报