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

استفاده از FileUpload Control درAJAX UpdatePanel Control با ASP.Net
0 0
استفاده از FileUpload Control درAJAX UpdatePanel Control با ASP.Net

با سلام در این مقاله   نحوه استفاده از کنترل FileUpload در ASP.Net AJAX UpdatePanel راتوضیح می دهیم. بسیاری سعی می کنند FileUpload Control را در UpdatePanel قرار میدهند و فکر می کنند که فایل به صورت یکنواخت در سبک AJAX مانند جیمیل آپلود می شود.اما  شما نمی توانید.

از آنجا که کنترل FileUpload با پسوند جزئی که در UpdatePanel انجام می شود کار نمی کند. کنترل FileUpload نیاز به یک پست کامل دارد.

از این رو هنگامی که شما کنترل FileUpload را در UpdatePanel قرار می دهید و سعی می کنید فایل را به صورت یکنواخت با استفاده از خصوصیت HasFile از FileUpload کنترل همیشه نادرست می شود.

بنابراین  چگونه  استفاده از FileUpload کنترل در UpdatePanelایجاد می شود؟ پاسخ فقط تغییر Trigger از دکمه آپلود از AsyncPostBackTrigger به PostBackTrigger است . این بدان معنی است که حتی اگر کنترل FileUpload در داخل UpdatePanel باشد، پسوند کامل بعد از آپلود کلیک خواهد شد.

برای آزمایش آن یک برنامه کوچک با کنترل FileUpload و دو دکمه ایجاد می کنیم :

1. برای آپلود فایل به صورت یکپارچه با استفاده از AsyncPostBackTrigger با پسوند جزئی.

2. برای آپلود فایل همگام با استفاده از PostBackTrigger با پسوند کامل.

<asp:ScriptManager ID="ScriptManager1" runat="server" />

<asp:UpdatePanel ID="UpdatePanel1" runat="server">

    <ContentTemplate>

        <asp:FileUpload ID="FileUpload1" runat="server" />

        <asp:Button ID="btnAsyncUpload" runat="server"

           Text="Async_Upload" OnClick = "Async_Upload_File" />

        <asp:Button ID="btnUpload" runat="server" Text="Upload"

           OnClick = "Upload_File" />               

    </ContentTemplate>

    <Triggers>

        <asp:AsyncPostBackTrigger ControlID = "btnAsyncUpload"

          EventName = "Click" />

        <asp:PostBackTrigger ControlID = "btnUpload" />

    </Triggers>

</asp:UpdatePanel>

 

سپس بر روی هر دو دکمه آپلود کلیک کنید تا ببینید چگونه کنترل FileUpload در دو سناریو رفتار می کند.

 

 استفاده از AsyncPostbackTrigger

شکل زیر توضیح داده است هنگامی که FileUpload به طور غیر همزمان از AsyncPostbackTrigger استفاده می کند، ویژگی HasFile کنترل FileUpload اشتباه است.

 استفاده از PostbackTrigger

شکل زیر توضیح داده است هنگامی که FileUpload همگام با  PostbackTrigger است، ویژگی HasFile کنترل FileUpload درست است.


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

لینک های دانلود

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