How to get Filename on change of Fileupload control in ASP.Net?

Question

5.00/5 (1 vote)

See more:

I have used a File upload control in my project.
Now, i want to display Filename selected in Fileupload control in a textbox as soon as user selects a file.
Need quick reply.

Posted 16-Apr-10 0:45am

zan0701

Add a Solution

Comments

Marrinavincent 2-Nov-12 1:25am

I am using fileupload control inside the update panel.. It works fine.. But when i try to use the jquery validation for the controls. Button click not work.. By code is below.. please help me

<asp:UpdatePanel ID="updatecompanydetails" runat="server">
<contenttemplate>
<script type="text/javascript">

Sys.WebForms.PageRequestManager.getInstance().add_initializeRequest(CheckValidationStatus);
</script>
<div class='validate form-horizontal'>
<table cellpadding="3" cellspacing="3">
<tr>
<td>
<div class="control-group">
<label for="uname1" class="control-label">
Company Name</label>
<div class="controls">
<asp:TextBox ID="txtcompanyname" runat="server" name="uname1" class='required'>
<asp:TextBox ID="TextBox1" runat="server" >
</div>
</div>
</td>
<td rowspan="3">
<asp:Image ID="imglogo" runat="server" />
</td>
</tr>
<tr>
<td>
<div class="control-group">
<label for="email1" class="control-label">
Website</label>
<div class="controls">
<asp:TextBox ID="txtwebsite" runat="server" class='url'>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="control-group">
<label for="file2" class="control-label">
Logo</label>
<div class="controls">
<asp:FileUpload ID="filelogo" runat="server" onchange="callme(this)">
</div>
</div>
</td>
</tr>
</table>
<div class="form-actions">
<asp:Button ID="btnsubmit" runat="server" Text="Submit" CssClass="navigation_button btn-primary"
OnClick="btnsubmit_Click" />
<asp:Button ID="btnreset" runat="server" Text="Reset" CssClass="btn btn-danger"
OnClick="btnreset_Click" />

</div>
</div>

3 solutions

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)

AU-Member · Answer 1 · 2010-04-16T22:20:00

ok the file upload control has a property called FileName you can retrieve the name of a selceted file
however ,there is another proerty called postedFile this will retrieve an object of type httpPostFile object then it has a mazing porperties as

FileUpload obj;//aleady exist in the web form
//send your page back to server

C#

if(mypage.IspostedBack)
{
if(obj.hasFile)
{httppostedFile obj2=obj.postedFile;
obj2.fileName
obj2.contentType
}
}

and so on..
thank u

[Edit]
Ankur: The code you have given, needs a postback.
[/Edit]

Pradeep Atkari · Answer 2 · 2014-06-02T20:35:00

you can use javascript to show selected file by upload controle

ASP.NET

<div class="controls">
<asp:fileupload id="filelogo" runat="server" onchange="callme()" xmlns:asp="#unknown">
</asp:fileupload></div>

add textbox here

XML

<pre lang="HTML"><div class="controls">
<asp:FileUpload ID="filelogo" runat="server" onchange="callme(this)">
</div></pre>
<asp:textbox id="txtUploadedFileName" runat="server" xmlns:asp="#unknown"></asp:textbox>

now write the function on .aspx file

HTML

<script type="text/javascript">
function callme()
  {
   document.getElementById('<%=txtUploadedFileName.ClientID%>').value=document.getElementById('<%=filelogo.ClientID %>').value;
            
  }

</script></script>

once you will select any file in uploadcontrol name of that file will reflect in text box.

Sunil Scaria · Answer 3 · 2010-04-16T01:30:00

Solution 1

C#

function callme(oFile) {
         document.getElementById("TextBox1").value= oFile.value;
       }

XML

<asp:FileUpload ID="FileUpload1" runat="server"  onchange="callme(this)" />
       <asp:TextBox ID="TextBox1" runat="server"   ></asp:TextBox>

[Edit]
Ankur: But that would give you the full path.
You can easily extract the file name from that using javascript.
[/Edit]
Happy codding :)

Posted 16-Apr-10 1:30am

Sunil Scaria

Updated 16-Apr-10 1:35am

v2

Comments

Marrinavincent 2-Nov-12 0:50am

How to solve?
I am using jquery for validating the control. Button click always shows the filename is empty.. the above code not working for fileupload control.. please help me. (All the control inside updatepanel)

Thank you

dsanthosh 26-Mar-15 5:06am

I am using your code. It give path like "C:\fakepath\1.jpg" insteed of "C:\COR\file\myimage\i.jpg". How to get actual path?

How to get Filename on change of Fileupload control in ASP.Net?

3 solutions

Solution 3

Solution 6

Solution 1

Add your solution here

Preview 0