Hi, I am using a Cordova Plugin ImagePicker to open up the gallery menu for the user to select an Image to upload to a back-end. I am successfully able to select images and get the URI but is having problems converting it into a Blob or File that is required by most back-ends today. Can anyone help …

you can use the polyfill fetch to get it… return fetch("IMAGE_URI).then(function (_data) { return _data.blob() }).then(function (_blob) { // got a blob }) or you can use this approach… aaronksaunders/ionic2firebase3/blob/102de0383d101ed3ca4ce751fb3ecb0153170b75/app/pages/home…

Thanks for your reply, I was able to create my own blob file an hour after asking this question. Regardless, thanks for your suggestion!

How’d you do it, If you don’t mind me asking.

@Ionize , @trevaun23 how did you solved it? I’ve spent some hours trying to do it, and I feel I’m running in circles with blob, File, plugins, etc. Your answer would be very helpful Thanks

Hey, Sorry for the late reply. Do you need it using Image picker? Because I used Camera

[image] Firebase upload & get photo with ionic ionic-v3 updateProfilePicture(picture: any = null): any{ return this.ProfilePictureRef.child(this.currentUser.uid) .putString(picture, 'base64', { contentType: 'image/png' }) .then((savedPicture) => { …

a dumb question, does this allow multiple images upload at once in an array [] ?

@trevaun23 I was using Image Picker, so I changed to Camera plugin, and instead of a file URI I have a base64, which I convert to blob and upload to firebase storage. @FrancoisIonic I think you can do that using a for/map.

@michael_amaral Though I’m trying from a local base64 images array, then putString method, I made progress thanks to your suggestion with a simple “for” loop. I’ll keep you posted of my progress because this can interest a bunch of people. for(let photo of this.photos) { // use storageRef then pu…

@michael_amaral Alright, finally succeeded with an old-school Javascript loop :slight_smile: for (var i=0; i<this.images.length; i++) { let storageRef = firebase.storage().ref(this.images[i].image_urlStructure); storageRef.putString(this.images[i].image_dataUrlString,'data_url',{co…

How to create File or Blob from ImageUri using ImagePicker?

ionic-v1

trevaun23 May 4, 2017, 11:35pm 7

This thread should help.

Topic		Replies	Views
Convert Data Uri/File URI to blob - ionic3 ionic-v3	2	11873	July 19, 2021
Convert path to File or Blob Object Ionic Ionic Native	2	15667	July 22, 2019
Upload Camera Images To Firebase Storage Using Ionic tutorials	11	10422	October 5, 2018
Get File, turn into Blob, Upload to Firebase ionic-v3	3	8895	February 26, 2017
How to convert an image to Blob ionic-v3	16	20966	July 19, 2021

How to create File or Blob from ImageUri using ImagePicker?

Related topics