![](https://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
<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="650px;height:103px"/>
</div>
JS代码:
![](https://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
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("图片加载失败!");
}
}