Remove Filelist object

Question

I was trying to delete or remove an object from Filelist of <input type="file"multiple/> in Javascript or JQuery but could not remove or delete the object.

I was trying to delete with an operator like delete $(input[type="file"]).files[0]; but is not working either.

`delete` operator is not meant for that purpose, you should use `$('input[type="file"]').first().remove()`. — DontVoteMeDown, May 09 '19 at 13:46
Possible duplicate of [How to remove one specific selected file from input file control](https://stackoverflow.com/questions/19060378/how-to-remove-one-specific-selected-file-from-input-file-control) — Tomasz Kasperczyk, May 09 '19 at 13:49
Are you trying to remove only a single file in this FileList or all of them? — Kaiido, May 09 '19 at 14:03

score 1 · Answer 1 · answered May 09 '19 at 13:55

You can do something like this:

let deleteButton =  document.getElementById("deleteFiles");
deleteButton.onclick  = function () {
     let element = document.getElementById("filesInput");
     console.log("Files: ");
     console.log(element.files);
     element.value = '';
     console.log("Files after removal: ");
     console.log(element.files);
}

<input type="file" id="filesInput">
<button id="deleteFiles">delete file</button>

This is implemented on vanillaJavascript but you can use Jquery to help you throw the implementation.

Remove Filelist object

1 Answers1