java script for browse image in asp.net

Question

4.00/5 (1 vote)

See more:

hi i am using this code for Browse image on single button click..

this is java script code....

C#

<script type="text/javascript" language="javascript">

    function getFile() {

        document.getElementById("file1").click();
        var file = "";

        document.getElementById("TextBox1").value = "";
        document.getElementById("TextBox1").value = document.getElementById("file1").value;
      //  document.getElementById("Image1").ImageUrl = document.getElementById("FileUpload1").value;
    }

</script>

this is control

XML

<input id="file1" style="left: 106px; width: 1px; position: absolute; top: 184px; visibility : hidden;" type="file" />
       <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

and this code i am written on form_load()...
ImageButton1.Attributes.Add("OnClick", "return getFile();");

it work properly in internet explorer..

but it not return any thing on any other browser...
please solve my problem

Posted 16-Mar-11 6:33am

dilip.aim11

Updated 16-Mar-11 7:23am

thatraja

v4

Add a Solution

Comments

Albin Abel 16-Mar-11 12:39pm

document.getElementById("file1").value; this is not supported in many browsers

Albin Abel 16-Mar-11 12:44pm

I wonder how it works in IE, because you are not using ClientID for the text box in javascript. Even if it works now it won't work later if you add more hierarchy. If you want to access the ID as such then set the ClientIDMode to static for the textbox

Sandeep Mewara 16-Mar-11 14:08pm

For HTML controls, ID directly works and no issues.

It's the server controls that needs clientID specially when you are using nested pages.

Ali Al Omairi(Abu AlHassan) 17-Mar-11 19:00pm

you mean document.getElementById('<%= TextBox1.ClientID %>') ?!

Albin Abel 18-Mar-11 0:16am

Yo are right, but he is using a web server control for text box <asp:TextBox ID="TextBox1" runat="server">

Albin Abel 18-Mar-11 0:21am

You are right, but the text box is not a html control. He is using a server control

Ali Al Omairi(Abu AlHassan) 17-Mar-11 18:56pm

he must having no hierarchy (a control on a page with no master or any parent conrol)

Albin Abel 18-Mar-11 0:20am

"Even if it works now it won't work later if you add more hierarchy". I was telling about future, not about the present issue.

Ali Al Omairi(Abu AlHassan) 20-Mar-11 4:23am

"Future is in our hands"

handred of roses;

Albin Abel 21-Mar-11 0:10am

In sha Allah, Let me be one of those rose

raju melveetilpurayil 16-Mar-11 15:24pm

Mozilla and Opera haven't added click event method to file upload fields.
http://www.quirksmode.org/dom/inputfile.html read the last paragraph...

Sunasara Imdadhusen 17-Mar-11 0:53am

just use JQuery to handle click event

Ali Al Omairi(Abu AlHassan) 17-Mar-11 19:02pm

please suggest a code or a link to some one.

Albin Abel 18-Mar-11 0:22am

Well guys. This code works fine on my FireFox 3.6.15. So the reason would be version issues or updates

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)