This support forum is no longer in use. Please use the Cloudinary Community at https://community.cloudinary.com/ to receive assistance from other members of the community and from Cloudinary's support team. For account-specific questions or if you believe that you've encountered a bug, please contact the Cloudinary team directly via the "submit a request" option on this support site.

Upload Widget not working!

priscilla

March 02, 2022 23:26

Hi, no matter what I try I can't even get the Upload Widget to work on my page!

When I click, nothing shows up, only a spinner.

What am I doing wrong? Please help!

Comments

9 comments

Aleksandar Kostadinov

March 03, 2022 10:29
Hi Priscilla,

When using the Upload Widget locally, it will not work when opening the HTML file directly. You will need to create a local web server, such as running on 127.0.0.1:3001 (or a different port) and then access that HTML page in your browser via that IP+Port. You can quickly run a server in a particular directory by running `php -S 127.0.0.1:3001` or if you have Python3 installed `python3 -m http.server 3001`.

Could you please try this out and let me know if it then works for you?
0

Comment actions Permalink
priscilla

March 03, 2022 14:14
thanks!! I'm going to try running a localserver using express.js.
0

Comment actions Permalink
priscilla

March 03, 2022 14:31
it's saying cloudinary is not defined. I have been unable to run server from the start, I'm confused.
0

Comment actions Permalink
Aleksandar Kostadinov

March 04, 2022 20:06
Hi Priscilla,

In this code snippet, you're creating a Node Web Application with the Express library but that won't work as intended.

Instead, could you please navigate to within the folder where you have the HTML file with the Upload Widget implemented? From your first screenshot, that should be /Users/scatterbrain/Desktop/mp3test and inside this folder try running the below in the terminal:
```
php -S 127.0.0.1:3001
```
After running the above, navigate to: 127.0.0.1:3001/index.html in your browser and that should open the page where you implemented the Upload Widget.
0

Comment actions Permalink
priscilla

March 05, 2022 15:17
hi, thanks for your response. i downloaded php and ran it and it took me to the site and everything, but the button is not working. this is what it looks like.
0

Comment actions Permalink
Aleksandar Kostadinov

March 05, 2022 15:56

Edited
Hi Priscilla,

Thanks for testing that.

I found why that would be the case. Could you please try the same steps you have done above (i.e. starting the server and accessing the HTML page) but access your page locally using http://localhost:3001 rather than http://127.0.0.1:3001 and let me know if that works for you?

There is an issue on our side currently when the Widget accessed from a page by IP (not just 127.0.0.1) but it will work if you access it via a hostname (such as "localhost").

Looking forward to your response.
0

Comment actions Permalink
priscilla

March 05, 2022 16:04
ah its working now, thank you!!!
0

Comment actions Permalink
Aleksandar Kostadinov

March 05, 2022 17:20
You're welcome - glad to hear it worked!

We will resolve the underlying issue so that it works correctly when accessing via IP.
1

Comment actions Permalink
Aleksandar Kostadinov

March 28, 2022 11:09
Hi,

Just to close the loop and update the thread that the underlying issue was fixed and loading the Upload Widget from a page accessed by IP directly will now work again.
0

Comment actions Permalink

Post is closed for comments.