ngFileSelect: re-selecting same file

[natwallbank]

Hi,

I've just migrated some custom in-house code to use angular-file-upload (good job, btw!) and am just hitting one problem.

We use ngFileSelect to add files to a queue, so users can either select or drag files into a queue and they can remove items from that queue before hitting an 'Upload' button.

If a user removes a file from the queue (just an array on my directive scope) but then decides they made a mistake and re-adds the file, it doesn't work, presumably because the file input is holding some state.

I remember we encountered this problem with our own custom directive that did a similar job, and the way we resolved it was by doing the following at the end of the 'change' event handler:

elem.replaceWith(elem.clone(true));

I'm just wondering whether this is a known issue and if you have any kind of workaround for it?

Thanks in advance.

Nat

[danialfarid]

Prior to version 1.4 it would set the value of the input to null upon click so you could upload one file twice, but since it wasn't working in IE10 and this behaviour was not intuitive or expected for some cases (for example if you click on the select and then cancel the popup it would clear the previous file) it's been removed from the code.

So the workaround is to just set the value of the input to null onclick="this.value=null". Follow this issue for workarounds for IE10-11:
#141 (comment)

[akshay-bbytes]

onclick="this.value=null" worked fine for me, thanks :)

[rajguru827]

it's not working in windows safari.

[JDVS20]

I resolved this issue using this,

onChange(event:any):void{
event.srcElement.value = "";
}