استفاده از کنترل AsyncFileUpload در جعبه ابزار Ajax در ASP.Net
با سلام در این مقاله، با یک مثال استفاده از کنترل AsyncFileUpload در جعبه ابزار Ajax در ASP.Net توضیح خواهیم داد
این مثال کنترل AsyncFileUpload جدید را توضیح می دهد، می توان فایل ها را به صورت همزمان به سرور بدون پسوند PostBack یا بارگذاری صفحه بارگذاری کرد
آخرین نسخه ابزار AJAX Control را دانلود کنید
پیوند کتابخانه راهنمای جعبه ابزار AJAX را در پروژه خود قرار دهید
شما باید مرجع ابزار DLL Toolkit AJAX را در پروژه خود اضافه کنید و سپس آن را با استفاده از دستور زیر Register در صفحه ای که می خواهید از کنترل AsyncFileUpload استفاده کنید ثبت کنید.
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
کد HTML
کد HTML زیر شامل کنترل ASP.Net ScriptManager، کنترل AJAX Toolkit AsyncFileUpload، یک تصویر و یک برچسب است.
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<cc1:AsyncFileUpload OnClientUploadError="uploadError" OnClientUploadComplete="uploadComplete"
runat="server" ID="AsyncFileUpload1" Width="400px" UploaderStyle="Modern" CompleteBackColor="White"
UploadingBackColor="#CCFFFF" ThrobberID="imgLoader" OnUploadedComplete="FileUploadComplete" />
<asp:Image ID="imgLoader" runat="server" ImageUrl="~/images/loader.gif"/>
<br />
<asp:Label ID="lblMesg" runat="server" Text=""></asp:Label>
</form>
مراکز رویداد کنترل AsyncFileUpload
در زیر مراکز رویداد کنترل AJAX Toolkit AsyncFileUpload نسان داده می شود.
ویژگی
|
تایپ
|
اهمیت
|
OnClientUploadError
|
مشتری
|
زمانی رخ می دهد که فرآیند آپلود فایل انجام نشود
|
OnClientUploadComplete
|
مشتری
|
هنگام بارگذاری پرونده موفق است
|
OnUploadedComplete
|
سرور
|
هنگام بارگذاری پرونده موفق است
|
مدیریت رویداد AsyncFileUpload سرور
درون کنترل رویداد OnUploadComplete کنترل AJAX Control AsyncFileUpload ، ابتدا نام فایل منتقل شده و با استفاده از روش SaveAs از کنترل AsyncFileUpload کنترل ابزار AJAX Control Toolkit، فایل در پوشه دلخواه ذخیره می شود.
C #
protected void FileUploadComplete(object sender, EventArgs e)
{
string filename = System.IO.Path.GetFileName(AsyncFileUpload1.FileName);
AsyncFileUpload1.SaveAs(Server.MapPath("Uploads/") + filename);
}
VB.Net
Protected Sub FileUploadComplete(ByVal sender As Object, ByVal e As EventArgs)
Dim filename As String = System.IO.Path.GetFileName(AsyncFileUpload1.FileName)
AsyncFileUpload1.SaveAs(Server.MapPath("Uploads/") + filename)
End Sub
مدیریت رویدادهای جانبی مشتری AsyncFileUpload
رویدادهای جانبی مشتری یعنی OnClientUploadComplete و OnClientUploadError بعد از پاسخ از سرور دریافت شده اجرا می شوند.
اگر آپلود فایل موفق باشد، رویداد OnClientUploadComplete اجرا می شود و اگر ناموفق باشد،رویداد OnClientUploadError اجرا می شود.
<script type="text/javascript">
function uploadComplete(sender) {
$get("<%=lblMesg.ClientID%>").innerHTML = "File Uploaded Successfully";
}
function uploadError(sender) {
$get("<%=lblMesg.ClientID%>").innerHTML = "File upload failed.";
}
</script>
نمایش انیمیشن در هنگام آپلود فایل
برای نمایش انیمیشن در طول فرآیند آپلود فایل، ویژگی ThrobberID در ID کنترل تصویر تنظیم شده است.
پس از تنظیم هر بار که آپلود فایل در حال انجام است , کنترل AsyncFileUpload در کنترل ابزار AJAX Control Image نمایش داده می شود.
عکس روی صفحه