Flutter image and video upload

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

Upload options

Upload endpoint

The upload endpoint is https://api.cloudinary.com/v1_1/<CLOUD_NAME>/upload. To use the endpoint in your application, write a function that calls 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).

For example:

Upload endpoint video tutorial

Watch this video tutorial to see how to upload images from your Flutter app to Cloudinary using the Upload API:

Tutorial contents

Upload widget

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 Upload Widget sample app that you can use to try out some sample configuration changes.

The code for this app is available in GitHub.

Code examples

• Code sample: Implement the upload widget.
• Sample app: Upload multiple files using a form in pure JavaScript using the Cloudinary upload endpoint.