Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://cloudinary.com/documentation/javascript_image_and_video_upload below:

JavaScript SDK image and video upload

Last updated: Apr-23-2025

When using the JavaScript SDK, you can use one of several options to upload files directly to Cloudinary without the need for server-side operations or authentication signatures.

The Upload widget is a ready-made, responsive user interface that enables your users to upload files from a variety of sources directly to Cloudinary. You can customize and embed this UI within your web application with just a few lines of code.

Check out the following Upload Widget code explorer that you can fork to try out some sample configuration changes:

Due to CORS issues with StackBlitz, you may have errors opening the widget with the preview. Try opening the preview in a new tab to resolve this or use the GitHub link below to run locally.

This code is also available in GitHub.

The upload endpoint is https://api.cloudinary.com/v1_1/${cloudName}/upload. To use the endpoint in your application, use the JavaScript Fetch API to call the Cloudinary upload endpoint and pass:

• an unsigned upload preset with the upload method options you want to apply for all files
• the file(s) to upload
• other unsigned upload parameters to apply to the selected files (e.g. tags, if needed).

• Each of the upload options described above can also be performed as a signed upload, but in this case, an authentication signature must be generated on your backend server. This can be implemented in conjunction with one of Cloudinary's backend SDKs, which implement helpers to automatically generate the authentication signature for the upload.
• If you are using jQuery in your app, you can take advantage of the built-in upload functionality in Cloudinary's jQuery SDK. This solution uses HTML5 cross-origin resource sharing (CORS) and gracefully degrades to a seamless iframe based solution for older browsers.

• Code sample: Implement the upload widget.
• Code explorer: Upload multiple files using a form in pure JavaScript using the Cloudinary upload endpoint.
• CodePen: Use the JavaScript Fetch API to upload files in vanilla JavaScript using the Cloudinary upload endpoint for unsigned uploading with an upload preset.
• Sample project: Perform signed uploads from the browser by generating a signature on the server.
• Git sample project: Upload files using the Upload Widget and the REST API in the Photo Album sample project.

✔️ Feedback sent!

Unfortunately there's been an error sending your feedback.

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4