Remove a FileList item from a multiple “input:file”

Question

I have this DOM:

var id = 0;

$(\'input:file#upload\')[0].files[ id ]

That get\'s the first file on the 0th index. File properties are list

Answer 1

I have found very quick & short workaround for this. Tested in many popular browsers (Chrome, Firefox, Safari);

First, you have to convert FileList to an Array

var newFileList = Array.from(event.target.files);

to delete the particular element use this

newFileList.splice(index,1);