Home / Questions / 279264
Accepted
F. Iván
Asked: 2020-07-16 22:56:03 +0800 CST 2020-07-16 22:56:03 +0800 CST

How to change a text when selecting a file from an input of type file?

  • 772

I am developing an application MVC .Netthat has a visual part in cshtml. The problem comes in the following part: I have a button to select a file defined like this:

<div class="col-sm-4">
   @Html.TextBoxFor(m => m.Data, new { type = "file", @class = "upload " })
   @Html.LabelFor(m => m.Data,"Upload File...", new { type = "file", @class = "btn btn-primary" })
</div>

It is this way to be able to style it and make it look like a button, it is shown as follows: enter image description here The problem is that when I select a file the text value is not changed Upload File... . Is there some kind of event that is fired when select a file? What is the optimal way to do this? All the best

javascript

1 Answers

  1. Best Answer

    The event changefires when you upload a file. For example with jquery you could do like this:

    $(document).ready(function(){
    $("input[type='file']").change(function(){
        document.getElementById("label").textContent = document.getElementById('Data').value; 
    });
});
    • 1