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));              }          }