javascript: I want remeber the FileList of user input into the input:files

Question

I need a input:file to upload files, but the user added files multi-time. At the end I need to upload all files the user select.

But I meet the problem, why I try to set the FileList. How to resize the Filelist object and input them another new file?

Answer 1

If I understand your problem correctly, you want to keep selecting files by clicking the button multiple no. of times.

For that, you can do something like this:

1. Add onchange event for input-file
2. Maintain a hashtable (simply, an object) to hold all the selected files.
3. Inside onchange event handler fill the hash table. (Note: depending upon your requirement, you may want to change how the 'key' is created for this hashtable).

<input type="file" multiple="multiple" id="fname" onchange="pp()" />​

<script type="text/javascript">
var x={};
function pp()
{
    var k = document.getElementById("fname");
    for (var i = 0; i < k.files.length; i++){
      x[k.files[i].name]=k.files[i];
    }
    console.log(x);
}
</script>

Answer 2

You can as well create another input file on top of your current one, and when the user will click on it another input file will open and the previous one will store previous files.