display label sucessful message on file uploader ajaxcontrol using asp.net

Question

0.00/5 (No votes)

See more:

i have code:

ASP.NET

<form id="form1"  runat="server">
    <div>
    <div></div>
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        
        <asp:UpdatePanel ID="UpdatePanel2" runat="server">
            <contenttemplate>
                <asp:Label runat="server" ID="myThrobber" Style="display: none;"><img align="absmiddle" alt="" src="images/uploading.gif"/>
                <asp:AjaxFileUpload ID="AjaxFileUpload1" runat="server" OnUploadComplete="AjaxFileUpload1_UploadComplete" 
                    OnClientUploadError="" ThrobberID="myThrobber" MaximumNumberOfFiles="1" AllowedFileTypes="" class="name_text1" Width="200px" />
                <asp:Label ID="Label1" runat="server" Text="">
                <asp:Button ID="BtnClose" runat="server" Text="Close" 
                   onclick="BtnClose_Click" OnClientClick="Closepopup()"/>
                
                <asp:Label ID="Label2" runat="server" Text="">
                
                <br />
            </contenttemplate>
        
         
    </div>
    </form>

.....................
i want to to display file upload or not on <Label2> please help me...

Posted 1-Jan-13 19:16pm

rahemani_1200

Updated 1-Jan-13 20:46pm

Vani Kulkarni

v2

Add a Solution

3 solutions

Solution 3

I agree with @Zafar Sultan.
But I am sharing another way to do it in client side.

If you can go through AjaxFileUpload Demonstration[^] and maximize the Link AjaxFileUpload Events, Properties and Methods, then you will see all the details like below.

Events
UploadedComplete - Raised on the server when a file is uploaded successfully. In this event an instance of AjaxFileUploadEventArgs is passed in the argument that contains file name, size and content type.

Properties
ThrobberID - The ID of a control that is shown while the file is uploading. The throbber image is displayed for browsers that do not support the HTML5 File API.
ContextKeys - A dictionary that can be used to pass information to the server when a file is uploaded.
MaximumNumberOfFiles - This property enables you to limit the number of files that a user can add to the upload queue.
AllowedFileTypes - This property enables you to restrict the types of files that can be uploaded. You can assign a comma delimited list of file extensions to this property.
IsInFileUploadPostBack - This property has the value true when a page is created in response to an AjaxFileUpload asynchronous postback.
OnClientUploadComplete - The name of a JavaScript function executed in the client-side after a file is uploaded successfully.
OnClientUploadError - The name of a JavaScript function executed in the client-side if the file upload failed.

Methods
SaveAs(string filename) - Saves the contents of an uploaded file to the file system. Your application must have the required Write permissions.

So, you can use the properties
1. OnClientUploadComplete for upload success and
2. OnClientUploadError for upload error.

Codes
Mark up will be like below...

XML

<asp:AjaxFileUpload ID="AjaxFileUpload1" 
                    runat="server" 
                    OnUploadComplete="AjaxFileUpload1_UploadComplete" 
                    OnClientUploadError="uploadError" 
                    OnClientUploadComplete="uploadComplete" 
                    ThrobberID="myThrobber" 
                    MaximumNumberOfFiles="1" 
                    AllowedFileTypes="" 
                    class="name_text1" 
                    Width="200px" />

The JavaScript will be like below...

JavaScript

<script type="text/javascript">
        function uploadComplete(sender) {
            $get("<%=Label2.ClientID%>").innerHTML = "File Uploaded Successfully";
        }
        function uploadError(sender) {
            $get("<%=Label2.ClientID%>").innerHTML = "File upload failed.";
        } 
</script>

Posted 1-Jan-13 22:59pm

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ)

Updated 1-Jan-13 23:02pm

v3

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Zafar Sultan · Accepted Answer · 2013-01-01T20:57:00

Solution 2

You are already using "AjaxFileUpload1_UploadComplete" event. Why not to use it? Set the label's text in this event.

Posted 1-Jan-13 20:57pm

Zafar Sultan

Comments

oliver36 4-Sep-14 0:20am

setting label text in "AjaxFileUpload1_UploadComplete" will not make changes of text to label.

VishwaKL · Accepted Answer · 2013-01-01T20:54:00

Solution 1

File Upload Status Messages[^]

Posted 1-Jan-13 20:54pm

VishwaKL