Flutter image and video upload | Cloudinary

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

On this page:

On this page:

  • Upload options
  • Code examples

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 in a WebView Flutter widget with just a few lines of code.

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

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:

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