Ionic 3 - Store Images with Firebase Storage

Ionic 3 - Store Images with Firebase Storage

In this video, we look at storing images with Firebase Storage using our Ionic applications.

Learn Ionic 3 From Scratch

Master Ionic 3 with Ionic Native and Cordova Integrations

NativeScript with @ngrx:

You can also find me:

[kevinphillips]

I've been coding for years but have always had the attitude of never knowing enough. Your tutorials often cover ground I've already walked but I always watch them as I still find them invaluable for reminders or tips for things I've missed. Always fun for me to hear a fellow northerner too, doing the YouTube thing. Thanks Paul.

[juanparadox]

Thanks a lot! I had been following another example where the user used the File API and all along I didn't have to do that!

[panchcw]

my favorite ionic tutorial creater.very helpful great work

[guyjoules]

An amazing easy tut, as always.
I'm enrolled to several of your courses and wish I could find a similar one on audio using the Media component. I'm struggling with that.
Please consider making one on audio.
Thanks!

[SurinderSingh-ueft]

Hello Paul,
You always come up with very informative and clear to understand information.
Thanks for this video.

[kalibeastok]

Hi! Great tutorial. Thanks. I have a problem trying to build for production I got this error "FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory" . Allocated more memory but didn't work. Any ideas? Thanks!

[alejandrobarrios]

Thank you Paul, another great tutorial. Could you please make another one to show how can we upload videos to firebase storage to later show on ionic 3 app? Thanks in advance!

[carljet]

Hello paul !! This tutorial was amazing. Just I want to know How can I take photos and save them only for a user who entered the app without replacing the photo taken? If u can help me I would appreciate that. Greetings !

[waleedgaming]

hi paul, very clean tutorial!
But one thing is that when I run the code everything goes perfect and the pictures name starts appearing in the firebase but when I open the image it shows nothing. why is that?

[kiramaticc]

Any plans for a ReactJS series in the future? You explain things so clearly that I would love a ReactJS series from you.

[Devi]

Hi Paul, just for thanks you for all these tutorials. Can you make one on Google Maps, search for an address with autocomplete/proposal ? Thank youuu

[csgokul]

Hi Paul is there a way to cache images that we retrieve from firebase storage

[matiasnahuelcelizmorante]

Hey! your tutorials are amazing very clear.

I have a question, when a import this modules:

// Firebase this is de only way to do it
import firebase from 'firebase';
import storage from 'firebase';

When I try this:
import { firebase, storage } from 'firebase';

I got a import error.

So... the first example works but in this line:

const pictures = storage.ref('pictures');

I got ' property ref does not exist on type typeof firebase'

thanks you for these tutorials!

[manirajan__]

Hi Paul,

Thanks for video, can we access camera in PWA with ionic

[marusak]

Paul, great tutorial as always. My only complaint is it came a week late as was just bruteforced to discover this the hard way :-P I need to find out where I get the download path in this fancy async pattern but anyway. Thak you.

[ctnelsoncar]

Very clear and useful!! But I have a question, how can I get the photo back?

[kritisharma]

Hii Paul
This video was very useful and now I'm doing video uploading but encountering problem since I am not able to record vedio. Its a request to you kindly give me some clues, I have tried by using another library i.e media capture but fails every time.. plsss enlighten me.

[kamalsahmoud]

example to upload file without camera ?? this file already exist in device ??

[yahyaalbashar]

hi paul, thanks for every thing, how can i render or serve the images from storage inside an <img> ??

[rodibelmorales]

was a great tutorial, but had a questions, how i can add an image to the profile?