How to use the variable from a <script></script> after adding it?

Question

http://cloudinary.com/blog/how_to_build_an_image_library_with_react_cloudinary

(except I used create-react-app instead of manually configuring webpack)

Where the script is added to of index.html:

<script src="//widget.cloudinary.com/global/all.js" type="text/javascript"></script>

and then the functionality is included in a component:

uploadWidget() {
    cloudinary.openUploadWidget({ cloud_name: 'CLOUD_NAME', upload_preset: 'PRESET', tags:['xmas']},
        function(error, result) {
            console.log(result);
        });
}

However I am getting the error: 'cloudinary' is not defined

Is cloudinary supposed to be available there after simply adding the script? Am I missing a step?

Sulthan · Accepted Answer · 2017-08-19 18:29:08Z

3

Try to access it through window.cloudinary. Also make sure that the script is included before your React script is included.

answered Aug 19, 2017 at 18:29

Sulthan

130k23 gold badges223 silver badges277 bronze badges

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

1 Comment

atkayla Over a year ago

It was window.cloudinary. Appreciate it!

Collectives™ on Stack Overflow

How to use the variable from a <script></script> after adding it?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related