Ask AI
- Get Started
- Image & Video APIs overview
- Developer kickstart
- SDK quick starts
- AI agent tools and MCP servers
- Try it!
- VS Code Extension (Beta)
- Video tutorial library
- Programmatic asset management
- Image onboarding
- Programmatic upload
- Upload programmatically
- Upload with Fetch API
- Create upload presets (Node.js)
- Create upload presets (Console UI)
- Auto upload
- Moderate images with AI
- Use AI to generate image captions
- Upload images in Flutter
- Upload images in Node.js
- Auto-tag images in Node.js
- Upload multiple files in Node.js
- Upload videos in Node.js
- Upload images in Python
- Auto-tag images in Python
- Upload videos in Python
- Upload images in PHP
- Upload images in Go
- Upload assets in a React app
- Upload assets in a Vue.js app
- Drag-and-drop uploads in React
- Upload assets in a Next.js app
- Upload assets with Server Actions
- Upload assets in Svelte
- Upload assets in a SvelteKit app
- Upload assets in a Remix app
- Upload images in Astro
- Upload images in Hono
- Use webhooks to remove backgrounds
- Upload images in Laravel
- Interaction with Cloudinary APIs
- Cloudinary SDKs
- Find your credentials
- Configure the JavaScript SDK
- Configure the React SDK
- Configure the Angular SDK
- Configure the Flutter SDK
- Configure Svelte Cloudinary
- Configure the Javascript SDK in Svelte
- Getting started with Cloudinary in Node.js
- Configure the Node.js SDK
- Configure the Python SDK
- Configure the PHP SDK
- Install and configure Laravel SDK
- Configure the Go SDK
- Configure the Vue.js SDK
- Configure the Next.js SDK
- List images in Next.js
- Lazy load images with Next.js
- Image fallbacks in JavaScript
- Captioning on upload with Node.js
- Create PDFs from images in Node.js
- Delete assets with Node.js
- Manage images in a Django app
- Image gallery with Astro
- Cloudinary CLI
- Widgets and tools
- Optimization and delivery
- Transformations
- Get started with transformations
- Advanced transformation features
- Text overlay transformations
- Add watermarks in JavaScript
- Complex transformations
- Named transformations
- Advanced image components
- Trim videos in Node.js
- Splice videos in Node.js
- Zoompan effect
- Video transformations
- Crop and resize images in React
- Crop and resize videos in React
- Crop and resize images in Python
- Remove backgrounds and add drop shadows
- AI generative fill in Next.js
- Color accessibility in JavaScript
- Transformations for social media
- Dev Hints on YouTube
- Dev Hints en Español
- Cloudinary Café Training Sessions
- Programmatic asset management
- Additional onboarding resources
- Guides
- Cloudinary Image
- Product overview
- Image transformations
- Image optimization and delivery
- Programmatic image creation
- Product Gallery widget
- Media Editor widget
- Image add-ons
- Troubleshooting and tips
- Troubleshooting image transformation errors
- 40x errors and X-Cld-Error messages
- Add a solid color overlay
- Images delivered without gzip compression
- Long time to first byte (TTFB) on WebPageTest.org
- Update a named transformation
- Cloudinary vs Imagga cropping
- Placeholder images (LQIP)
- How to detect corrupted images
- Force specific image when sharing links on Facebook
- Blurry images
- Offset face-detection gravity
- Cloudinary Video
- Product overview
- Cloudinary Video Player
- Video Player features
- Installation and setup
- How to embed the Video Player
- Video Player Studio
- Video Player customization
- Playlists and recommendations
- HLS and MPEG-DASH
- Video Player accessibility
- Video Player advanced features
- Video Player API reference
- Player profiles API reference
- Video config API reference
- Adaptive bitrate streaming
- Video transformations
- Video and audio optimization
- Video transcription
- Video analytics
- Live streaming
- Video add-ons
- Video best practices
- Social media videos
- Troubleshooting and tips
- Upload
- Asset management
- CRUD asset management APIs
- Media Library for developers
- Search for assets
- Eager and incoming transformations
- Custom metadata
- Analyze assets
- Moderate assets
- Webhook notifications
- Advanced asset management
- Add-ons
- Troubleshooting and tips
- Admin API authentication issues
- Why has the public ID of my asset changed?
- Check resource type and delivery type
- Get image or video dimensions
- Download account assets
- Delete or modify original images
- Does Cloudinary store any cookies?
- Underscores in public IDs or folder names
- Update already fetched asset
- Upload, manage, and deliver PDFs
- Cloudinary "sample" images
- Avoiding duplicate uploads
- Permitted naming conventions
- Adult/NSFW content policy
- High transformation rate
- Account management
- Retail and e-commerce
- User-generated content
- Accessible media
- AI in action
- Native mobile
- Add-ons
- Advanced Facial Attributes Detection
- Amazon Rekognition AI Moderation
- Amazon Rekognition Video Moderation
- Amazon Rekognition Auto Tagging
- Amazon Rekognition Celebrity Detection
- Aspose Document Conversion
- Cloudinary AI Background Removal
- Cloudinary AI Content Analysis
- Cloudinary AI Vision
- Cloudinary Duplicate Image Detection
- Google AI Video Moderation
- Google AI Video Transcription
- Google Auto Tagging
- Google Automatic Video Tagging
- Google Translation
- Imagga Auto Tagging
- Imagga Crop and Scale
- Perception Point Malware Detection
- Microsoft Azure Video Indexer
- OCR Text Detection and Extraction
- Pixelz - Remove the Background
- URL2PNG Website Screenshots
- VIESUS™ Automatic Image Enhancement
- WebPurify Image Moderation
- Cloudinary Image
- References
- SDKs
- Release Notes
Flutter image and video upload
Install Cloudinary Agent Skills
Cloudinary agent skills give your AI coding assistant first-class context for working with Cloudinary.
Run to install or update the skills:
View the Skills repo on GitHub | Learn about Cloudinary Skills
Last updated: Jun-21-2026
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
Cloudinary supports the following upload approaches for Flutter applications:
Upload API endpoint
Upload files directly by sending a multipart HTTP POST request to the upload endpoint:
Your request must include:
- An unsigned upload preset with the upload method options you want to apply for all files
- The file(s) to upload
- Any unsigned upload parameters to apply to the selected files, such as
tags
Upload endpoint video tutorial
Watch this video tutorial to see how to upload images from your Flutter app to Cloudinary using the Upload API:
This video is brought to you by Cloudinary's video player - embed your own!
Use the controls to set the playback speed, navigate to chapters of interest and select subtitles in your preferred language.
Tutorial contents
Dart SDK upload wrapper
If you prefer to use the Dart SDK instead of constructing HTTP requests manually, use the cloudinary_api package, which provides a wrapper around the Upload API.
cloudinary_flutter package focuses primarily on asset delivery and rendering in Flutter applications. For upload operations, use the cloudinary_api package or call the Upload API endpoint directly.For example:
secureUrl from the upload response in your database (for example, Firestore). This URL can be used to deliver the uploaded asset.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.
✔️ Feedback sent!
Error
Unfortunately there's been an error sending your feedback.
Rate this page:
