When a user selects a file, ngFileSelect AJAX sends the file to the server. The server responds with a fileToken, which is later submitted with the rest of the form. Everything seems to works (server receives file, token sets correctly), but I get an error in the console. I added some trace statements to help pinpoint where the error is occurring.

The error only happens when I select a file for upload.

// inside ngFileSelect directive
console.log(1);
$timeout(function() {
  console.log(2);
  fn(scope, {
    $files : files,
    $event : evt
  });
  console.log(3);
});
console.log(4);

// console output
1 angular-file-upload.js:108
4 angular-file-upload.js:117
Error: An attempt was made to use an object that is not, or is no longer, usable.
    at HTMLInputElement.<anonymous> (http://localhost:9000/bower_components/jquery/jquery.js:4014:16)
    at Function.jQuery.extend.each (http://localhost:9000/bower_components/jquery/jquery.js:590:23)
    at jQuery.fn.jQuery.each (http://localhost:9000/bower_components/jquery/jquery.js:237:17)
    at jQuery.fn.extend.val (http://localhost:9000/bower_components/jquery/jquery.js:3986:15)
    at ctrl.$render (http://localhost:9000/bower_components/angular/angular.js:15893:13)
    at Object.ngModelWatch (http://localhost:9000/bower_components/angular/angular.js:16584:14)
    at Scope.$get.Scope.$digest (http://localhost:9000/bower_components/angular/angular.js:11544:40)
    at Scope.$get.Scope.$apply (http://localhost:9000/bower_components/angular/angular.js:11803:24)
    at HTMLInputElement.listener (http://localhost:9000/bower_components/angular/angular.js:15850:13)
    at HTMLInputElement.jQuery.event.dispatch (http://localhost:9000/bower_components/jquery/jquery.js:4676:9) angular.js:9199
2 angular-file-upload.js:110
3 angular-file-upload.js:115

Hi, there!
Thanks for the library! I find it very useful here in my startup.
I have just downloaded the release 4.0.3, and although the bower.json starts like this:

{
  "name": "ng-file-upload",
  "main": "ng-file-upload.js",
  "version": "4.0.3",
  "homepage": "https://github.com/danialfarid/ng-file-upload",
}

The file angular-file-upload-all.js starts with:

...
angularFileUpload.version = '3.3.4';
angularFileUpload.service('$upload', ['$http', '$q', '$timeout', function ($http, $q, $timeout) {
...

Hence the new features don't work...

tag:
when file is select no call method
the bug in "angular-file-upload-all.js" line 197 and 228.
please first
' if ( ng-file-select ... ) attr.ngFileChange = attr.ngFileSelect;'
the second
' var changeFn = $parse(attr.ngFileChange);'

i m getting error when i try to add inject angular file upload directives and services

Hi,

Downloading and using the file uploader works however when running it through Grunt using the bower installer is throwing back the following error message;

bower ENORESTARGET No tag found that was able to satisfy 1.6.12.

Any idea?

Thanks.

J

I'm using bower to install this. Bower also builds my index.html page but it's not placing the shim file before angular as required. Do you have any thoughts on how this could be fixed? Basically every time I stop and start Bower, it re-writes the index page and re-orders the includes for the shim.

This is a very helpful tool. Thanks for your time developing it.

Please tag version 3.2.x so bower will pick it up as an available version.