توضیحات و دانلود

استفاده از کنترل AsyncFileUpload در جعبه ابزار Ajax در ASP.Net
0 0
استفاده از کنترل 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 نمایش داده می شود.
عکس روی صفحه

 


دانلود
  • لینک های دانلود دوره های آموزشی تا پایان دوره قابل دانلود می باشد.
  • برای خارج کردن فایل ها از حالت فشرده از ورژن جدید نرم افزار winrar استفاده کنید.
  • برای خارج کردن فایل ها از حالت فشرده لینک های دانلودی که چندین قسمت می باشند فقط قسمت اول را از حالت فشرده خارج کنید.
  • لطفا توضیحات نوشته شده برای مطالب را با دقت بخوانید.
  • برای نمایش فیلم ها می توانید از نرم افزار هایی مانند Km Player , VLC Player یا Media Player Classic استفاده کنید.

ارسال نظر
ارسال پیام به :