How can I get file name into text box from file upload control in ASP.NET using javascript

Question

0.00/5 (No votes)

See more:

i am using a image on which i will click and open upload file control and get the file name into text box
<script type="text/javascript">
$(document).ready(function () {
$(document).on('change', '#<%= flUploadFile.ClientID%>', function (e) {

$('#<%= txtDetailFile.ClientID%>').val(e.target.files[0].name);

});

$('#<%=imgDetailFile.ClientID%>').click(function (e) {

$('#<%= flUploadFile.ClientID%>').trigger('click');

});
});
</script>

in this the file upload browser is opening but the file name not coming in text box and when i am using alert(""); then the file name is coming in textbox

So how can i take file name in to text box without alert

What I have tried:

<script type="text/javascript">
$(document).ready(function () {
$(document).on('change', '#<%= flUploadFile.ClientID%>', function (e) {

$('#<%= txtDetailFile.ClientID%>').val(e.target.files[0].name);
});

$('#<%=imgDetailFile.ClientID%>').click(function (e) {

$('#<%= flUploadFile.ClientID%>').trigger('click');
alert("");
});
});
</script>

Posted 27-May-16 21:14pm

Member 11083419

Updated 12-Jun-18 6:50am

v3

Add a Solution

Comments

Karthik_Mahalingam 28-May-16 4:29am

What is the issue, your code is working fine..

Member 11083419 28-May-16 6:24am

the issue is when i am clicking the imgDetailFile(img button) the file upload browser is open but the file name is not coming in textbox.........and when i am using alert(""); then after file name is coming in textbox .....i do't want alert(); simple file upload browser open and file name come in textbox

Karthik_Mahalingam 28-May-16 6:27am

the file name will display after the file is selected.
post your exact code, coz i just copied your code and tested, it is working fine..

1 solution

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)

Veeshal Mali · Accepted Answer · 2016-05-30T00:57:00

Try this
Suppose following is your file upload control and textbox in which you want to show file name uploaded in file upload control.

ASP.NET

<asp:FileUpload ID="FileUpload1" runat="server" onchange="showFileName(this)" />
   <br />

       <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

Following is java script code.

<script>
function showFileName(input) {
var file = $("#FileUpload1").val();

document.getElementById("TextBox1").value = file;
}
</script>

Simply write one function in java script and call this function on onchange of fileupload control.