C#图片上传效果实例分析
本文实例讲述了C#图片上传效果实现方法。分享给大家供大家参考。具体如下：
<%@PageTitle=""Language="C#"MasterPageFile="~/Default.master"AutoEventWireup="true"
CodeFile="Default.aspx.cs"Inherits="Default"%>
<asp:ContentID="cHead"ContentPlaceHolderID="head"runat="Server">
</asp:Content>
<asp:ContentID="cBody"ContentPlaceHolderID="ContentPlaceHolder1"runat="Server">
<asp:Literalrunat="server"ID="ltrHTML"></asp:Literal>
<scripttype="text/javascript">
$().ready(function(){
varcounter=0;
$(function(){
varbtnUpload=$('#addImage');
newAjaxUpload(btnUpload,{
action:'saveupload.aspx',
name:'uploadfile',
onSubmit:function(file,ext){
$("#loading").show();
},
onComplete:function(file,response){
varuploadedfile="UserData/"+file;
$("#uploadImageWrapper").append("<divclass='imageContaineroffset'id='current"+counter+"'><imgheight='65px'width='65px'src='"+uploadedfile+"'alt='"+uploadedfile+"'/><divid='close"+counter+"'class='close'title='"+uploadedfile+"'onclick='RemoveImage(this);'><a></a></div></div>");
$('#current'+counter).fadeIn('slow',function(){
$("#loading").hide();
$("#message").show();
$("#message").html("Addedsuccessfully!");
$("#message").fadeOut(3000);
counter++;
});
}
});
});
});
functionRemoveImage(_this){
varcounter=_this.id.replace('close','');
$("#loading").show();
$.ajax({
type:"POST",
url:"removeupload.aspx",
data:"filename="+_this.getAttribute('title'),
success:function(msg){
$('#current'+counter).fadeOut('slow',function(){
$("#loading").hide();
$("#message").show();
$("#message").html("Removedsuccessfully!");
$("#message").fadeOut(3000);
});
}
});
}
</script>
<tableid="imageUploader"cellpadding="0"cellspacing="0">
<trclass="header">
<tdstyle="padding-left:5px;">
<aid="addImage"href="javascript:;">AddImage</a>
</td>
</tr>
<trclass="body">
<tdvalign="top">
<divid="uploadImageWrapper">
</div>
</td>
</tr>
<trclass="footer">
<td>
<divid="loading"style="display:none">
<tablecellpadding="0"cellspacing="0">
<tr>
<td>
<imgwidth="20"height="20"src="Images/Loading.gif"alt="Loading..."/>
</td>
<td>
Pleasewait...
</td>
</tr>
</table>
</div>
<divid="message"style="color:Green">
</div>
</td>
</tr>
</table>
</asp:Content>
希望本文所述对大家的C#程序设计有所帮助。