Anthem.NET控件之FileUpload控件实现Ajax方式的文件上传

Anthem.NET可以在此下载：http://sourceforge.net/project/showfiles.php?group_id=151897&package_id=168043&release_id=493609

下载之后解压缩至硬盘中的某一目录中，编译项目得到Anthem.dll。然后将其拷贝到Web站点的bin目录下，添加引用。

打开要使用这个控件的Web站点的Web.config文件，在<configuration>\ <system.web>\ <pages>\ <controls>中添加如下一行，注册Anthem.NET控件：

<system.web>
    <pages>
      <controls>
        <add tagPrefix="anthem" namespace="Anthem" assembly="Anthem"/>
      </controls>
    </pages>

Anthem.NET提供了一套自己就带有Ajax功能的、继承于现有ASP.NET控件的服务器端控件。根据上面在web.config文件中的注册，这部分控件的前缀为anthem。

Anthem.NET的Ajax文件上传

Anthem.NET中的Ajax文件上传功能靠的是其自己的FileUpload控件，其实使用起来和普通的ASP.NET FileUpload控件差不多，下面是HTML部分的代码：

 <anthem:FileUpload ID="anthemFileUpload" runat="server" Width="185px" />
           <anthem:Button  ID="anthemUploadButton" runat="server" EnabledDuringCallBack="false" OnClick="anthemUploadButton_Click"
  Text="上传" Width="70px" TextDuringCallBack="上传中..." />  
            <anthem:Label ID="Label1" runat="server" Text=""></anthem:Label>
            <br />
            <anthem:Image ID="Image1" Visible="false" runat="server" />

注意控件的前缀都是anthem。那个Button的TextDuringCallBack属性设置了异步回送时按钮中的文本；EnabledDuringCallBack属性让该按钮在进行异步回送时禁用，免得用户等得不耐烦。

后台代码同样是将文件名和文件大小显示出来，不过注意这一句anthemResultLabel.UpdateAfterCallBack = true;，用来在回调之后更新anthemResultLabel上的文字：

 protected void anthemUploadButton_Click(object sender, EventArgs e) //上传产品Logo
    {
        string path = Server.MapPath("~/ProductImg/");
        if (lblPic.Text != "")
        {
            if (System.IO.File.Exists(path + lblPic.Text))
            {
                System.IO.File.Delete(path + lblPic.Text);
            }
        }
        bool fileOK = false;
        bool filesize = false;
        string fileExtension = System.IO.Path.GetExtension(anthemFileUpload.FileName).ToLower();
        string[] allowedExtensions = { ".gif", ".jpg", ".png", ".bmp", };
        for (int i = 0; i < allowedExtensions.Length; i++)
        {
            if (fileExtension == allowedExtensions[i])
            {
                fileOK = true;
            }
        }

        if (anthemFileUpload.PostedFile.ContentLength > 1500000)
        {
            fileOK = false;
            filesize = true;
        }

        if (fileOK)
        {
            try
            {
                Random RaName = new Random();
                string RandomName = RaName.Next(100).ToString();
                string PicFullName = System.DateTime.Now.ToString("yyyyMMddhhmmss") + RandomName + fileExtension;
                anthemFileUpload.SaveAs(path + PicFullName);
                lblPic.Text = PicFullName;
                Image1.Visible = true;
                Image1.ImageUrl = "~/ProductImg/" + PicFullName;//在本页显示相片要用anthem控件
                Image1.UpdateAfterCallBack = true;
                Label1.Text = "上传成功！";
                Label1.UpdateAfterCallBack = true;
            }
            finally
            {
            }
        }
        else
        {
            if (filesize)
            {
                Label1.Text = "上传失败，上传图片文件小于150K";
                Label1.UpdateAfterCallBack = true; 
            }
            else
            {
                Label1.Text = "上传失败，只能上传：.jpg .bmp .gif .png的图片！";
                Label1.UpdateAfterCallBack = true; 
            }
        }
    }