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!

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!

• javascript
• jquery
• html

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

2 Answers 2

It’s readonly.

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'.