Is it possible to remove individual values from an file input multiple element?

Question

I'm trying to remove or somehow nullify a single value in a single input for multiple files. Let's say we have four values...

<input id="input" multiple="multiple" type="file" />
input = document.getElementById('input');
// So our four files are:
input.files[0];
input.files[1];
input.files[2];
input.files[3];

if I wanted to remove [1] from the array without disrupting the others, can I do it? I've tried splicing, setting the value to NULL, changing the name etc. None of this stuff seems to work (while the element remains readonly = false) Jquery's remove function removes the entire element so that doesn't work. Any help is greatly appreciated!

Does this answer your question? How to remove one specific selected file from input file control — Ajeet Shah
– Ajeet Shah, Commented May 14, 2020 at 14:40

Josh Lee · Accepted Answer · 2011-08-17 21:25:28Z

14

It’s readonly.

answered Aug 17, 2011 at 21:25

Josh Lee

179k39 gold badges278 silver badges282 bronze badges

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

Comments

Luwe · Accepted Answer · 2011-08-17 21:29:32Z

1

I'm curious to why splice does not work. Normally it's very easy to do this:

var list = [4,5,6];
list.splice(1,1);
console.log(list); // [4,6]

So if this doesn't work, I'd like to know what the results are.

Edit

Btw, you need to use:

var input = document.getElementById('input');

You have to declare your variables with 'var'.

edited Aug 17, 2011 at 21:29

answered Aug 17, 2011 at 21:20

Luwe

3,0321 gold badge22 silver badges23 bronze badges

3 Comments

bobince Over a year ago

It doesn't work because (a) the files property (in the browsers that even support it) is a FileList collection and not an Array, so, like other DOM types such as NodeList, it doesn't have a splice method. And (b), as jleedev posted, FileList is read-only. Deliberately so, to try to keep interaction with the highly security-sensitive file upload field to a minimum.

ANeves Over a year ago

Also @Luwe: one does not have to declare her variables with var. It's good practice and they end up in the global scope if one does not, but one doesn't have to.

pshirishreddy Over a year ago

Here's your results Uncaught TypeError: Object #<FileList> has no method 'splice' (From chrome)

Collectives™ on Stack Overflow

Is it possible to remove individual values from an file input multiple element?

2 Answers 2

Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related