Selecting asyncfileupload id with jquery is showing nothing

Question

0.00/5 (No votes)

See more:

Hi I am trying to select an AsyncFileUpload id in order to save it into a database using JQuery, so I am trying to select its Id to see what is wrong but it is alerting with an empty value. Please I just need to know I am making a mistake somewhere. My code are down.

Thanks

What I have tried:

Here the html portion:

<asp:AsyncFileUpload OnClientUploadError="uploadFileError"
runat="server" ID="AsyncFileUpload2" Width="190px" CssClass="asyncupload" UploadingBackColor="#CCFFFF"
OnClientUploadStarted="OnUploadFileStart" OnUploadedComplete="AsyncFileUpload2_UploadedComplete" />

and this my Jquery selector:

var pdfname = $('#<%=txtBookTitle.ClientID%>').val();
                var pdfname1 = $('#<%=txtBookDescription.ClientID%>').val();
                var pdfname2 = $('#<%=AsyncFileUpload2.ClientID%>').val();
                alert(pdfname);
                alert(pdfname1);
                alert(pdfname2);

Posted 11-Apr-19 6:22am

El Dev

Add a Solution

Comments

F-ES Sitecore 11-Apr-19 13:13pm

Server-side controls (asp:AsyncFileUpload) only generate html which is sent to the client, and your jquery code runs on the html generated by the server control. When you use $('#<%=AsyncFileUpload2.ClientID%>') there is no way of knowing exactly what html element you are accessing as what html is generated depends on the server control. You'll need to look at the html of your page via view->source and try and work out what element contains the data you are looking for and how to access it.

Looking at the on-line example the async file upload generates a span and inside that span is a "hidden" input element and that is the element you want to access to get the filename.

El Dev 12-Apr-19 5:10am

Hello F-ES Sitecore,
I am not getting you well, in few words how should I access the value cause I can see the file uploaded but am not able to select that value that has a .pdf extension...
Please help me by showing a JQuery selector as I am selecting other element and showing values like this line of code:
var pdfname = $('#<%=AsyncFileUpload2.ClientID%>').val();
alert(pdfname);

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)