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#程序设计有所帮助。