<script language="javascript" type="text/javascript">
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 = document.getElementById("imgBanner"+index);
var objPreviewFake = document.getElementById("preview_fake"+index);
if( sender.files && sender.files[0] ){
objPreview.style.display = "inline";
objPreview.style.width = width + 'px';
objPreview.style.height = height + 'px';
objPreview.src = sender.files[0].getAsDataURL();
}else if( objPreviewFake.filters ){
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.style.display = "none";
sender.blur();
}
}catch(ex){
alert("图片加载失败!");
}
}
</script>
---样式
.preview_fake
{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);
}
<table border="" cellpadding="2" cellspacing="1" width="100%">
<tr>
<td>
<div id="preview_fake1" class="preview_fake">
<img id="imgBanner1" runat="server" src="~/image/yume_logo.gif" style="width:100px;height:100px" alt=""/>
</div>
</td>
<td>
<div id="preview_fake2" class="preview_fake">
<img id="imgBanner2" runat="server" src="~/image/yume_logo.gif" style="width:100px;height:100px" alt=""/>
</div>
</td>
<td>
<div id="preview_fake3" class="preview_fake">
<img id="imgBanner3" runat="server" src="~/image/yume_logo.gif" style="width:100px;height:100px" alt=""/>
</div>
</td>
<td>
<div id="preview_fake4" class="preview_fake">
<img id="imgBanner4" runat="server" src="~/image/yume_logo.gif" style="width:100px;height:100px" alt=""/>
</div>
</td>
</tr>
<tr>
<td>
<asp:FileUpload ID="FileUpload1" runat="server" Width="144px" οnchange="onUploadImgChange(this,100,100,1);" />
</td>
<td>
<asp:FileUpload ID="FileUpload2" runat="server" Width="144px" οnchange="onUploadImgChange(this,100,100,2);" />
</td>
<td>
<asp:FileUpload ID="FileUpload3" runat="server" Width="144px" οnchange="onUploadImgChange(this,100,100,3);" />
</td>
<td>
<asp:FileUpload ID="FileUpload4" runat="server" Width="144px" οnchange="onUploadImgChange(this,100,100,4);" />
</td>
</tr>
<tr>
<td>
<asp:TextBox ID="TextBox1" runat="server" Height="20px" Width="137px"></asp:TextBox>
</td>
<td>
<asp:TextBox ID="TextBox2" runat="server" Height="20px" Width="137px"></asp:TextBox>
</td>
<td>
<asp:TextBox ID="TextBox3" runat="server" Height="20px" Width="137px"></asp:TextBox>
</td>
<td>
<asp:TextBox ID="TextBox4" runat="server" Height="20px" Width="137px"></asp:TextBox>
</td>
</tr>
<tr>
<td>
<div id="preview_fake5" class="preview_fake">
<img id="imgBanner5" runat="server" src="~/image/yume_logo.gif" style="width:100px;height:100px" alt=""/>
</div>
</td>
<td>
<div id="preview_fake6" class="preview_fake">
<img id="imgBanner6" runat="server" src="~/image/yume_logo.gif" style="width:100px;height:100px" alt=""/>
</div>
</td>
<td>
<div id="preview_fake7" class="preview_fake">
<img id="imgBanner7" runat="server" src="~/image/yume_logo.gif" style="width:100px;height:100px" alt=""/>
</div>
</td>
<td>
<div id="preview_fake8" class="preview_fake">
<img id="imgBanner8" runat="server" src="~/image/yume_logo.gif" style="width:100px;height:100px" alt=""/>
</div>
</td>
</tr>
<tr>
<td>
<asp:FileUpload ID="FileUpload5" runat="server" Width="144px" οnchange="onUploadImgChange(this,100,100,5);" />
</td>
<td>
<asp:FileUpload ID="FileUpload6" runat="server" Width="144px" οnchange="onUploadImgChange(this,100,100,6);" />
</td>
<td>
<asp:FileUpload ID="FileUpload7" runat="server" Width="144px" οnchange="onUploadImgChange(this,100,100,7);" />
</td>
<td>
<asp:FileUpload ID="FileUpload8" runat="server" Width="144px" οnchange="onUploadImgChange(this,100,100,8);" />
</td>
</tr>
<tr>
<td>
<asp:TextBox ID="TextBox5" runat="server" Height="23px" Width="137px"></asp:TextBox>
</td>
<td>
<asp:TextBox ID="TextBox6" runat="server" Height="23px" Width="137px"></asp:TextBox>
</td>
<td>
<asp:TextBox ID="TextBox7" runat="server" Height="23px" Width="137px"></asp:TextBox>
</td>
<td>
<asp:TextBox ID="TextBox8" runat="server" Height="23px" Width="137px"></asp:TextBox>
</td>
</tr>
</table>