angularjs angular-file-upload Unknown provider: $uploadProvider error

Question

This is not a duplicate of This Question

I have included all the required files in view:

<script src="~/Scripts/angular-file-upload-master/examples/console-sham.min.js"></script>
<script src="~/Content/js/angular.js"></script>
<script src="~/Scripts/angular-file-upload-master/angular-file-upload.js"></script>

My module and controller:

var controllers = angular.module('controllers', ['ngGrid', 'ngDialog', 'angularFileUpload']);

controllers.controller('CustomProductsCtrl', 
 ['$scope', '$window', 'ngDialog', 'CommonService', 
   'CustomProductsServices', '$upload', 
 function ($scope, $window, ngDialog, CommonService, 
   CustomProductsServices, $upload){

});

But still I get this error.

Error: [$injector:unpr] Unknown provider: $uploadProvider

Please help me out.

Did you ever get this figured out? I'm hitting it now too

UnionP
– UnionP

2015-01-13 19:42:22 +00:00
Commented Jan 13, 2015 at 19:42 — UnionP
– UnionP, Commented Jan 13, 2015 at 19:42
sorry dint find out @UnionP

RandomUser
– RandomUser

2015-01-20 04:14:48 +00:00
Commented Jan 20, 2015 at 4:14 — RandomUser
– RandomUser, Commented Jan 20, 2015 at 4:14

UnionP · Accepted Answer · 2015-01-20 19:58:36Z

6

Hit the same issue, turned out that the documentation to inject $upload is out of date, it should be FileUploader:

controllers.controller('CustomProductsCtrl',
  [..., '$upload', function (..., 'FileUploader') {

Spent more time than I'd like to admit figuring that out. FYI, I determined that by looking at angular-file-upload.js:

.factory('FileUploader', ['fileUploaderOptions', '$rootScope', '$http', '$window', '$compile',

answered Jan 20, 2015 at 19:58

UnionP

1,7782 gold badges19 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Paul Preibisch Over a year ago

I always get $upload is an unkown provider, upon searching, I found your comment that indicates the $upload has been renamed to FileUploader, however FileUploader.upload complains that upload is an invalid ... how can I call the upload function?

UnionP Over a year ago

@paul-preibisch Oops, I think we're talking about two different angular-file-uploads. I believe this question was actually directed at: github.com/danialfarid/angular-file-upload whereas I'm using: github.com/nervgh/angular-file-upload

user1345223 · Accepted Answer · 2015-01-14 22:03:20Z

It appears that you didn't close the controller declaration correctly.

Specifically, you have: }); when you should have }]); instead. Note the missing ].

In context, you should have:

var controllers = angular.module('controllers', ['ngGrid', 'ngDialog', 'angularFileUpload']);

controllers.controller('CustomProductsCtrl', 
 ['$scope', '$window', 'ngDialog', 'CommonService', 
   'CustomProductsServices', '$upload', 
 function ($scope, $window, ngDialog, CommonService, 
   CustomProductsServices, $upload){

}]);  // Note: missing ']' added in here

because we need to follow the form of declaring a controller. The controller API is terse, but pretty succint:

$controller(constructor, locals);

Which expanded to your case:

module_name.controller( 'your_Ctrl', 
    [locals, function(){ 
        } 
    ] 
);

I added in extra spacing to call out the missing ] and to show how we're closing off elements within the declaration.

Theo Poeta · Accepted Answer · 2016-09-01 12:16:02Z

0

It seems this error can be ng-file-upload version dependent:

https://github.com/danialfarid/ng-file-upload/issues/45

If you try the suggestions on that page and this page and still get the error, the following worked for me:

angular.module('starter.controllers', ['ngFileUpload'])
.controller('HomeCtrl', function($scope, ... Upload) {
   ...
   file.upload = Upload.upload({...}); //Upload instead of $upload
   ...
})

answered Sep 1, 2016 at 12:16

Theo Poeta

1

Collectives™ on Stack Overflow

angularjs angular-file-upload Unknown provider: $uploadProvider error

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related