"undefined is not a function" using Fine Uploader Angular integration example

Question

I'm attempting to run the sample AngularJS integration app supplied at:

https://github.com/FineUploader/integration-examples

After plugging in the appropriate fine uploader links in index.html I receive this error on running the app:

TypeError: undefined is not a function at angular.module.directive.link (htp://localhost:5000/client.js:113:32) at nodeLinkFn (htp://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.js:4406:13) at compositeLinkFn (htp://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.js:4015:15) at compositeLinkFn (htp://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.js:4018:13) at compositeLinkFn (htp://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.js:4018:13) at publicLinkFn (htp://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.js:3920:30) at htp://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.js:983:27 at Object.$get.Scope.$eval (htp://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.js:8057:28) at Object.$get.Scope.$apply (htp://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.js:8137:23) at htp://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.js:981:15

Line 113 of client.js is:

                $(element).fineUploader({
                    debug: true,
                    request: {
                        endpoint: endpoint,
                        params: {
                            sendThumbnailUrl: !qq.supportedFeatures.imagePreviews
                        }
                    },

It seems like "fineUploader" is not defined. What am I missing?

Ray Nicholus Ray Nicholus · Accepted Answer · 2015-03-20T18:23:47

Based on the error message and the location of the error, you are either not including jQuery on your page, or you are not including Fine Uploader (the jQuery wrapped version) on your page, or one of the two is not available by the time the directive is linked. You'll want to be sure both of these dependencies are available.

While Fine Uploader does NOT require jQuery, the example you are referring to does depend on it. I'll probably re-write the example in the near future to shed the dependence on jQuery and utilize a more current version of Angular.

"undefined is not a function" using Fine Uploader Angular integration example

1 Answers