"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 · Accepted Answer · 2015-03-20 18:30:12Z

0

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.

edited Mar 20, 2015 at 18:30

answered Mar 20, 2015 at 18:23

Ray Nicholus

19.9k14 gold badges65 silver badges85 bronze badges

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

8 Comments

tyipss Over a year ago

I see. The index.html does have jQuery included. Where do I get the jQuery wrapped version of Fine Uploader? Thanks!

tyipss Over a year ago

Maybe I'm missing something obvious, but the index.html does reference Fine Uploader. Actually I filled in the "todo" lines with a reference to fine-uploader.js and fine-uploader.css. So I believe I am including the two dependencies, jQuery and fine-uploader. Am I missing something else? I haven't modified anything else. Here is the js reference I changed: <script src="fine-uploader.js"></script>

Ray Nicholus Over a year ago

Did you download Fine Uploader? It isn't included in the example repository.

tyipss Over a year ago

Yes, I downloaded Fine Uploader and placed fine-uploader.js/css in the example site I'm attempting to run from github.

Ray Nicholus Over a year ago

There's clearly something amiss with your code. You'll need to take a closer look at the dev tools console in your browser of choice.

|

Collectives™ on Stack Overflow

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

1 Answer 1

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related