JS 预览上传图片，兼容IE、firefox等所有浏览器

HTML源代码：

<style type="text/css">
    .preview_fake{
             filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);     
    }     
</style>

<asp:FileUpload ID="file_UpLoad" Width="300px" CssClass="bd" onchange="onUploadImgChange(this,650,103);" runat="server" />

<div id="preview_fake" class="preview_fake">
    <img id="imgBanner" runat="server" class="preview_pic" src="/images/dp/dpindex_17.jpg" style="width:650px;height:103px"/>
</div>

 

JS代码：

 function onUploadImgChange(sender,width,height,index){
    try
    {
         index = index==undefined?"":index;  
         if( !sender.value.match( /.jpg|.gif|.png|.bmp/i ) ){     
             alert('请上传.jpg|.gif|.png|.bmp类型的图片');     
             return false;     
         }     
              
         var objPreview = $(".preview_pic"+index);     
         var objPreviewFake = document.getElementById( 'preview_fake'+index );        
              
         if( sender.files &&  sender.files[0] ){     
             objPreview.show();     
             objPreview.attr("width", width);     
             objPreview.attr("height", height);     
             // Firefox ȫ޷ֱͨ input[file].value ȡļ·     
             objPreview.attr("src", sender.files[0].getAsDataURL());         
         }else if( objPreviewFake.filters ){      
             // IE7,IE8 ñͼƬַΪ img.src ʱĪĺ     
             // IE7, IE8ȫ޷ֱͨ input[file].value ȡļ·     
             sender.select();     
             var imgSrc = document.selection.createRange().text;     
             objPreviewFake.filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src = imgSrc;     

             objPreviewFake.style.width = width + 'px';     
             objPreviewFake.style.height = height + 'px';
             objPreview.hide();
             sender.blur(); 
         }
     }catch(ex){
        alert("图片加载失败！");
     }    
 }