javascript create file list object from list of files [duplicate]

Question

I have a list of file object like:

var files = [File, File, File]

I want to convert it to something like:

I have a file field where I want to map my files as FileList object.

var uploading_files = {}
files.forEach(function(file, key) {
    uploading_files[key] = file

})
var uploader = document.getElementById('uploader')
uploader.files = uploading_files

console.log(uploader.files)

But It does not give me FileList object ? How can I create a file list objecdt ? Thanks in advance..

It gives me emptly FileList Object.. No files assigned to it — varad
– varad, Commented Jul 19, 2016 at 4:24
At the end how did you accomplish it? I am facing same issue as of now. — ateet
– ateet, Commented Sep 14, 2020 at 11:08
I am working with a similar situation. You can iterate through each element in the array of files, and append to a form object, with a custom id, say a relative file path. Using Fetch API you can easily upload files with other form contents and fetch the list of files using $_FILES to iterate through each key, and upload the files to the server or database. It is worth noting that You must use the actual File Object when using the FormData API and store each file seperately. On the server side it should appear as a FileList. So you may implement your own FileList object to implement this — Brandon Roberts
– Brandon Roberts, Commented Feb 5, 2022 at 18:35

Timur Gilauri · Accepted Answer · 2017-02-17 03:06:27Z

44

The FileList object is "read-only" and has no implementation of its constructor.

Visit this page: FileList On MDN

answered Feb 17, 2017 at 3:06

Timur Gilauri

9148 silver badges14 bronze badges

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

Collectives™ on Stack Overflow

javascript create file list object from list of files [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related