How to get all the values of input file array

Question

i have an input array to select multiple files.

<input type="file" name="files[]" multiple='multiple'/>
<div id='my_div'>Filenames</div>

How do i get the filenames using jquery? For text types, the map function works

var values=$("input[name='text_string[]']").map(function(){return $(this).val();}).get();

Is there any way to get filenames on clicking div?

Possible duplicate of Get all values of multiple file select with jQuery — Rahul
– Rahul, Commented Jun 13, 2019 at 10:43

Rory McCrossan · Accepted Answer · 2019-06-13 10:42:27Z

1

You can access the files array of the control and then map() to create an array of the individual file names, something like this:

$('input').on('change', function() {
  var filenames = Array.from(this.files).map(function(f) {
    return f.name;
  });
  console.log(filenames);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="file" name="files[]" multiple='multiple' />

answered Jun 13, 2019 at 10:42

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

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

3 Comments

imran Over a year ago

Instead of input change, can i get the value on a div or button click?

Rory McCrossan Over a year ago

Absolutely, I just used the change handler as an example. You can reference the element in any way you like

imran Over a year ago

ok. it works. but it wont help me. because... first i select 2 images and on second time i select another 2 images first two gets cleared. so i used to append input type file with different id each time. so i want to fetch all image names from input type files from the name files[]. so finally i will get 4 images.

Collectives™ on Stack Overflow

How to get all the values of input file array

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related