ng-file-select does not work when request fails

angularjs angular-file-upload
jbmyid picture jbmyid · Oct 21, 2014 · Viewed 7.5k times · Source

I am using angular-file-upload in my angular project. https://github.com/danialfarid/angular-file-upload

<span ng-file-select="onFileSelect($files)" class="btn btn-primary btn-lg" role="button">Upload employee list</span>

Its working fine for first uplaod but when the upload fails, afterwards it does not work.

Please suggest any workaround.

Thanks in advance.

Answer

jbmyid picture jbmyid · Dec 11, 2014

I got this fix. Its not actually after just error or failure. The upload calls on change event. So when success or error you have to reset the field.

I called this after success/failure. now it works fine.

$("input#fileSelect").val("");

and the span is like 

<span ng-file-select="onFileSelect($files)" class="btn btn-primary btn-lg" role="button" id="fileSelect">Upload employee list</span>

Related questions

Angular js Input type file - clear previously selected file

I am using input type="file" for my upload control using angular js. Everytime I click on browse, I do not want to see the previously selected file. By default,this seems to be retained. Can it be achieved by …

Read More
Error: [ng:areq] Argument 'module' is not a function, got Object

I try to use angular uploader which download it using npm and later browserify it all in single file. The error details can be seen here I cannot understand the errors because now I'm still new to AngularJS. Here is …

Read More
Angular File Upload with Parameters

I'm using Angular-file-upload to upload files to an API by doing this: var upload = function (file) { return $upload.upload({ url: '/api/place/logo', data: {place_id: 1, token: <some_token>}, file: file }); }; All the parameters seem to be …

Read More