Ionic Firebase - File Upload/Transfer to Cloud Storage | Angular

Опубликовано: 10 Февраль 2025
на канале: Coding Technyks
3,083
43

Hello Friends, Welcome Back to @CodingTechnyks. In this video, we are going to implement "File Transfer to Firebase Cloud Storage using Ionic Angular"​ #ionic #angular for #pwa, #android & #ios | #capacitor #firebase

Features:
Capacitor Camera Plugin to take picture
Convert Image to BLOB
File upload to Firebase Cloud Storage

► Ionic Capacitor Generate APK & Run in Android & iOS:    • Ionic Capacitor - Create new App - Ru...  

► Ionic 6+ ALL IN 1 DELIVERY APP UI All Episodes Playlist -    • Ionic All in 1 Delivery App  

► Udemy Firebase Chat App Course for free: https://www.udemy.com/course/ionic-ch...

► 89-95% off on Udemy Courses
1. Ionic 6+ with NodeJs - Complete Beginner to Pro Course 2023
₹389 / $9.99 - till 25 Feb 2023
https://www.udemy.com/course/ionic-6-...

2. Ionic 6+ From Beginner to Advanced - Build Food Delivery App
₹389 / $9.99 - till 25 Feb 2023
https://www.udemy.com/course/ionic5-b...

► Finance App Series:    • Ionic Finance App UI Series  

► App Auth Screen Playlist: http://bit.ly/authScreenSeries

► Source Code: https://github.com/Nykz/Ionic-Firebas...

► Social Media
Facebook:   / codingtechnyks  
Github: https://github.com/Nykz
Instagram:   / codingtechnyks  
Twitter:   / codingtechnyks  

Thanks for watching!
Kindly Like + Subscribe for such Interesting Videos.

► Credits: Thumbnail image - Image by storyset on Freepik (https://www.freepik.com/free-vector/m...)

Timestamp
00:00 - Intro
00:21 - Setup Ionic Project
01:13 - Capacitor Camera Plugin
04:07 - Testing CAMERA feature
04:41 - Setup Firebase Project
06:36 - Integrate Firebase in Ionic App
09:05 - Convert Image to BLOB
09:39 - Upload Image to Cloud Storage
12:51 - Testing Image File Upload
13:21 - Prepare Firestore to save Image URL
17:47 - Final Test to Upload Image
& then save in Firestore
18:49 - Outro