0

I want to show the file name of input file

$("#imgInp").change(function() {
  $("#filename").text(this.files[0].name);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<label class="file-label">
   <input class="file-input" type="file" name="image" id="imgInp">
   <span class="file-cta">
       <span class="file-icon"><i class="fas fa-upload"></i></span>
        <span class="file-label">image</span>
   </span>
   <span class="file-name" id="filename"></span>
</label>

But it didn't work and give me an error

TypeError: $(...)[0] is undefined
Improve this question
5
  • non of that solutions work for me .. the same error Commented Mar 8, 2019 at 20:20
  • 1
    Your code seems to work for me. Are you able to reproduce the error in the snippet above? Commented Mar 8, 2019 at 20:25
  • yes it works in the snippet Commented Mar 8, 2019 at 20:28
  • Are you sure that the code you posted matches the code that throws the error? The reason I ask is because your code doesn't seem to contain anything like $(...)[0]. Commented Mar 8, 2019 at 20:31
  • ooooh my mistake .. you right the $(...)[0] refer to another part .. it works now .. thank you so much Commented Mar 8, 2019 at 20:34
Related questions
4607
Setting "checked" for a checkbox with jQuery
3165
Is there an "exists" function for jQuery?
2592
Disable/enable an input with jQuery?
Load 7 more related questions Show fewer related questions

0

Reset to default

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.