So I’ve spent the last 10 hours trying to upload a blob for an image to Firebase storage. I FINALLY Got it working. All my trouble came from a firebase bug. here’s how to fix it. (The answer by “Wyan Arent”) And incase you dont know how to construct a blob and you’re too lazy to leave the page: Th…

According to your link, the buggy communication with Ionic is now fixed. Just change the script src to 3.6.4 instead of 3.6.2.

Oh and if for some reason you’re converting Blobs to base64, use this: Blobtob64(blob){ var reader = new FileReader(); reader.readAsDataURL(blob); reader.onloadend = (()=> { blob = reader.result; }) }

Ah you’re right. I’ll do that aswell. thank you.

Hi! thank for your post! this is exactly what I’m looking for hours. However, I still couldn’t make it work . Can you please post the whole code? I got this error. [image]

Whats your reasoning for uploading as blobs? Firebase have patched this method and you can directly process the image: return strgRef.child(profilePicture.jpeg) .putString(imageData, ‘base64’, { contentType: ‘image/JPEG’ }) .then((savedPicture) => { fbRef.set({URL:savedPicture.downloadURL,name:…

Oh yes, You can upload base64, but doesnt it take long? Blobs cut down the time to around 5-8 seconds.

Hey. sorrry for the late reply, Ill post my whole code: I actually redid my code so the user can upload As many pictures as they want to (Using an array of images), Ill make a new topic with that code in it, So anyone can copy that directly.

Oh really. I hadn’t noticed takes about 3/4 seconds max for me to upload a profile picture using this method.

[image] Uploading Array of Images in Blobs to Firebase ionic-v3 Not sure if this goes under ionic 2 or tutorials so, anyway, here it is: Import Provider for Firebase and Camera Plugin > Declare Variables > get Pictures > Convert to Blob > Upload assignmentadd.ts import …

Hi can you please help me, I keep getting Failed to execute 'atob' on 'Window': The string to be decoded is not correctly encoded.

The b64data parameter isnt encoded correctly. May I see how you’re retrieving the b64data?

Ionic & Firebase Uploading Blobs Error

Ionic Framework ionic-v3

trevaun23 February 17, 2017, 3:50pm 10

Here you go.

Topic		Replies	Views
Get File, turn into Blob, Upload to Firebase ionic-v3	3	8906	February 26, 2017
Uploading Array of Images in Blobs to Firebase ionic-v3	1	2789	August 14, 2017
Upload Camera Images To Firebase Storage Using Ionic tutorials	11	10448	October 5, 2018
Ionic 2 - Image Upload to Firebase ios - Creating an image format with an unknown type ionic-v3	15	4434	March 8, 2018
Upload Camera Images To Firebase Using Ionic Framework tutorials	25	10012	January 30, 2017

Ionic & Firebase Uploading Blobs Error

Related topics