# How to upload image on Cloudinary URL Store on Firebase in Flutter

**Channel:** codejunx
**Source:** https://www.youtube.com/watch?v=yEtYCOZu9RA
**Transcript page:** https://www.withtranscript.ai/video/yEtYCOZu9RA

## Chapters

- 0:00 — Introduction to the Flutter Tutorial
- 0:15 — Demo of the Final Image Flow
- 0:33 — How the Upload Process Works
- 0:59 — Wrap-Up and Call to Action

## Transcript

**[0:00]:** Hello and welcome. Hey Flutter developers. In this quick tutorial, I'll show you how to upload image to Cloudinary, store the URL in Firebase and then display image directly from Firebase. Let's jump right into the demo.

**[0:15]:** Here's the final result. Select an image, upload it, and instantly it's stored in Cloudinary.

**[0:25]:** The URL gets saved in Firebase and we fetch it back to display inside our Flutter app. Super clean, right?

**[0:33]:** Now, let's see how it works behind the scenes. One, first we pick an image using image picker. Two, then we send it to Cloudinary with an HTTP post request. Three, once uploaded, Cloudinary gives us the image URL. Four, we store that URL inside Firebase Fire Store. Five, finally, we fetch the URL from Firebase. And that's it.

**[0:59]:** With just a few lines of code, you've got image upload, cloud storage, and Firebase integration all set up. Don't forget to like this video, subscribe for more Flutter tips, and drop your questions in the comments.