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!
Press and hold the CTRL key as you select multiple files to delete. To select a long list of files click the first file in the list, press and hold SHIFT, then click the last file in the list.
One way to remove a file from a JavaScript FileList is to use the spread operator to convert the FileList to an array. Then we can call splice to remove the file we want. We add multiple to let select multiple files. We get the file input element with getElementById .
text(Object. keys(clon). length + " file(s) selected"); }); }); function BorrarFile(id){ // handling file deletion from clone jQuery("#file"+id). remove(); // remove the html filelist element delete clon[id]; // delete the entry removedkeys++; // add to removed keys counter if (Object.
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'.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With