Having Issue on Getting Uploaded File Name by jQuery

Question

Can you please take a look at this demo and let me know why I am not able to get the name of the file(image)

$('input:file').on('change', function(){
  console.log($(this).prop("files")['name']);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
 <input type="file" name="file" id="test" />

As you can see I am getting undefined in console.

gen_Eric · Accepted Answer · 2016-04-27 17:28:47Z

3

$(this).prop("files") returns a FileList, not a single file.

You'd need to do:

$(this).prop("files")[0]['name']

answered Apr 27, 2016 at 17:28

gen_Eric

228k42 gold badges304 silver badges343 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1