ASP.NET Ajax AsyncFileUpload 控件用法

  • 2019 年 10 月 7 日
  • 筆記

AsyncFileUpload控件,就是用来对文件进行异步上传的,示例看这里:http://www.asp.net/ajax/ajaxcontroltoolkit/Samples/AsyncFileUpload/AsyncFileUpload.aspx。有需要异步上传文件的同学要看这里了,具体用法如下:

前台代码:

<ajaxToolkit:AsyncFileUpload OnClientUploadError="uploadError" OnClientUploadComplete="uploadComplete"              runat="server" ID="AsyncFileUpload1" Width="400px" UploaderStyle="Modern"              UploadingBackColor="#CCFFFF"              onuploadedcomplete="AsyncFileUpload1_UploadedComplete" />

说说属性吧,

OnClientUploadError:客户端错误处理方法

OnClientUploadComplete:客户端上传完成事件

UploaderStyle:控件的风格,有传统和现代两种

OnUploadedComplete:服务器端上传完成处理事件,在这个事件中可以调用SaveAs方法,指定文件的存储位置和名称等。

前台js代码:

function uploadComplete(sender, args) {              alert("上传成功");          }          function uploadError(sender, args) {              alert("上传错误");          }

后台代码:

protected void AsyncFileUpload1_UploadedComplete(object sender, AjaxControlToolkit.AsyncFileUploadEventArgs e)          {              AjaxControlToolkit.AsyncFileUpload fileUploader = sender as AjaxControlToolkit.AsyncFileUpload;              if (fileUploader != null && fileUploader.HasFile)              {                  fileUploader.SaveAs(Server.MapPath("/Resource/UploadFile/" + fileUploader.FileName));              }          }