How can i use map on FileList array?

Question

can i use map on FileList? the object is iterable so maybe there's some way to make it work with map?

for example:

    window.addEventListener('drop', e => {
      e.preventDefault();
      if(e.dataTransfer?.files) {
        const files = e.dataTransfer.files.map(f => f.path); // imaginary code
      }
    })

Sumit · Accepted Answer · 2022-04-30 05:09:23Z

12

.map() exists only on Array.prototype, not on FileList. But you can use Array.from() to convert any iterable object into an array, and then use the map function:

const files = Array.from(e.dataTransfer.files).map(f => f.path);

answered Apr 30, 2022 at 5:09

Sumit

2,4052 gold badges28 silver badges41 bronze badges

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

1 Comment

Jack Over a year ago

didn't know about Array.from() but that's what I was looking for after all :)

Collectives™ on Stack Overflow

How can i use map on FileList array?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related