FileUpload using JavaScript

Question

5.00/5 (1 vote)

See more:

Hello,

We have a dynamically created fileupload control. We want to fetch the id and filename before postback or clicking on save button using JavaScript

Regards,
Prasad

Posted 21-Jun-12 20:15pm

PrasadRaoMangalore

Add a Solution

3 solutions

Solution 3

look This[^]

This[^]
This[^]

Posted 21-Jun-12 23:06pm

Prosan

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)

Prasad_Kulkarni · Accepted Answer · 2012-06-21T20:19:00

Solution 1

Refer:
Uploading Multiple Files using JavaScript Dynamic FileUpload Controls[^]
Adding file upload fields dynamically to an HTML page using Javascript[^]
Ajax file upload with pure JavaScript[^]

Also refer these links for reference:
multiple file upload control Using JavaScript[^]

Posted 21-Jun-12 20:19pm

Prasad_Kulkarni

Comments

Maciej Los 22-Jun-12 3:17am

Good answer, my 5!

Prasad_Kulkarni 22-Jun-12 3:23am

Thank you Isomac! :)

Manas Bhardwaj 22-Jun-12 6:13am

Good ref +5

Prasad_Kulkarni 22-Jun-12 6:29am

Thank you Manas!

Sandeep Mewara · Accepted Answer · 2012-06-21T20:46:00

Solution 2

Ok. And the issue is?

You say you already have created a fileupload control dynamically. Now, you have a fileupload control.

Before submitting the page, on button click, in Javascript, get the filecontrol and it's details.
Sample:

XML

var myFControl = document.getElementById("<%= myFileUpload1.ClientID %>");
alert("Filename selected: " + myFControl.value);

Refer for HTML Dom object of fileupload control: http://www.w3schools.com/jsref/dom_obj_fileupload.asp[^]

Posted 21-Jun-12 20:46pm

Sandeep Mewara

Comments

Maciej Los 22-Jun-12 3:18am

Good answer, my 5!

PrasadRaoMangalore 22-Jun-12 3:23am

How to fetch the values from JavaScript variable on postback through ASPX form?

Sandeep Mewara 22-Jun-12 3:25am

:doh:

Define a client click for submit button and then handle the above code.
Use ASP Button and you have OnClientClick property exposed to be used directly. Or add a onclick Attribute to button in code behind.

Sandeep Mewara 22-Jun-12 3:24am

Thanks Mac!

Prasad_Kulkarni 22-Jun-12 3:23am

Good answer +5!

Sandeep Mewara 22-Jun-12 3:25am

Thanks.

Manas Bhardwaj 22-Jun-12 7:22am

Correct +5!