change file problem

[rqx110]

follow step:

1. config the upload: queueLimit=1,autoUpload=false
2. select file "1.png" (have not upload yet)
3. select file "2.png" (that is what i want to upload)
4. upload the select file. It's strange that the uploaded file is "1.png" not the "2.png"

Is it a bug? or not please give me a solution.

[nervgh]

When files are selected or dropped into the component, one or more filters are applied. Files which pass all filters are added to the queue. When file is added to the queue, for him is created instance of {FileItem} and uploader options are copied into this object. After, items in the queue (FileItems) are ready for uploading.
https://github.com/nervgh/angular-file-upload#about

Insert these lines into your code for undestanding

uploader.onWhenAddingFileFailed = function(item /*{File|FileLikeObject}*/, filter, options) {
    console.info('onWhenAddingFileFailed', item, filter, options);
};
uploader.onAfterAddingFile = function(fileItem) {
    console.info('onAfterAddingFile', fileItem);
};

https://github.com/nervgh/angular-file-upload/blob/v2.3.4/examples/simple/controllers.js#L26

See also https://github.com/nervgh/angular-file-upload/wiki/FAQ#4-no-file-chosen-or-re-add-same-file

[Velius5]

I had the same problem with single file uploading.
My solution:

uploader.onWhenAddingFileFailed  = function(item, filter, options) {
    if(filter.name == "queueLimit") {
        uploader.clearQueue();
        uploader.addToQueue(item);
    }
}

[CodemonkeyTim]

I had the same problem and tried the solution by Velius5. Unfortunately it didn't work with canvas image preview so what I ended up doing was removing the queueLimit filter and adding this event callback:

uploader.onAfterAddingFile = function(item, filter, options) {
   if (uploader.queue.length > 1) {
      uploader.queue.splice(0, 1);
    }
};

[arrowing]

@Velius5 I just use same solution.
But it doesn't work at fact.
Because the item variable is FileItem(FileLikeObject type), not {FileList|File|HTMLInputElement} type.
But the "addToQueue" method need {FileList|File|HTMLInputElement} type.
So it doesn't work when I upload. Some data from file are lost.

[arrowing]

@CodemonkeyTim Nice job!

[gerome0123]

@Velius5 i try your solution but i got rollback in my server file_fingerprint is NULL