angular - ionic 2 firebase uploading image -


i creating chat application ionic 3 , firebase. in profile pic section allowing user upload image. image uploading , visible in firebase storage, every image uploaded user of 4 bytes , preview not available hence, profile image not set new image. kindly on how fix kind regards, aditya 

imagehandler.ts(that uploads file firebase)     import { injectable } '@angular/core'; import { file } '@ionic-native/file'; import { filechooser } '@ionic-native/file-chooser'; import { filepath } '@ionic-native/file-path'; import firebase 'firebase'; /*   generated class imghandlerprovider provider.    see https://angular.io/docs/ts/latest/guide/dependency-injection.html   more info on providers , angular 2 di. */ @injectable() export class imghandlerprovider {   nativepath: any;   firestore = firebase.storage();   constructor(public filechooser: filechooser) {   }    uploadimage() {     var promise = new promise((resolve, reject) => {         this.filechooser.open().then((url) => {           (<any>window).filepath.resolvenativepath(url, (result) => {             this.nativepath = result;             (<any>window).resolvelocalfilesystemurl(this.nativepath, (res) => {               res.file((resfile) => {                 var reader = new filereader();                 reader.readasarraybuffer(resfile);                 reader.onloadend = (evt: any) => {                   var imgblob = new blob([evt.target.result], { type: 'image/jpeg' });                   var imagestore = this.firestore.ref('/profileimages').child(firebase.auth().currentuser.uid);                   imagestore.put(imgblob).then((res) => {                     this.firestore.ref('/profileimages').child(firebase.auth().currentuser.uid).getdownloadurl().then((url) => {                       resolve(url);                     }).catch((err) => {                         reject(err);                     })                   }).catch((err) => {                     reject(err);                   })                 }               })             })           })       })     })          return promise;      }  }

user.ts(that handles user methods)

import { injectable } '@angular/core'; import { angularfireauth } 'angularfire2/auth'; import firebase 'firebase';  /*   generated class userprovider provider.    see https://angular.io/docs/ts/latest/guide/dependency-injection.html   more info on providers , angular 2 di. */ @injectable() export class userprovider {   firedata = firebase.database().ref('/users');   constructor(public afireauth: angularfireauth) {   }    adduser(newuser) {     var promise = new promise((resolve, reject) => {       this.afireauth.auth.createuserwithemailandpassword(newuser.email, newuser.password).then(() => {         this.afireauth.auth.currentuser.updateprofile({           displayname: newuser.displayname,           photourl: ''         }).then(() => {           this.firedata.child(this.afireauth.auth.currentuser.uid).set({             uid: this.afireauth.auth.currentuser.uid,             displayname: newuser.displayname,             photourl: 'https://firebasestorage.googleapis.com/v0/b/myapp-4eadd.appspot.com/o/chatterplace.png?alt=media&token=e51fa887-bfc6-48ff-87c6-e2c61976534e'           }).then(() => {             resolve({ success: true });             }).catch((err) => {               reject(err);           })           }).catch((err) => {             reject(err);         })       }).catch((err) => {         reject(err);       })     })     return promise;   } passwordreset(email) {     var promise = new promise((resolve, reject) => {       firebase.auth().sendpasswordresetemail(email).then(() => {         resolve({ success: true });       }).catch((err) => {         reject(err);       })     })     return promise;   } updateimage(imageurl) {       var promise = new promise((resolve, reject) => {           this.afireauth.auth.currentuser.updateprofile({               displayname: this.afireauth.auth.currentuser.displayname,               photourl: imageurl                 }).then(() => {               firebase.database().ref('/users/' + firebase.auth().currentuser.uid).update({               displayname: this.afireauth.auth.currentuser.displayname,               photourl: imageurl,               uid: firebase.auth().currentuser.uid               }).then(() => {                   resolve({ success: true });                   }).catch((err) => {                       reject(err);                   })           }).catch((err) => {                 reject(err);              })         })       return promise;   } }


Comments

Post a Comment

Popular posts from this blog

android - InAppBilling registering BroadcastReceiver in AndroidManifest -

i'm implementing inapp billing in android app. works well, however, i'm trying decouple broadcast receiver activity manifest. suggestion in android's trivialdrive sample: // important: dynamically register broadcast messages updated purchases. // register receiver here instead of <receiver> in manifest // because call getpurchases() @ startup, therefore can ignore // broadcasts sent while app isn't running. // note: registering listener in activity bad idea, done here // because sample. regardless, receiver must registered after // iabhelper setup, before first call getpurchases(). currently there's class extends broadcastreceiver : public class iabbroadcastreceiver extends broadcastreceiver { /** * intent action receiver should filter for. */ public static final string action = "com.android.vending.billing.purchases_updated"; private final iabbroadcastlistener mlistener; public iabbroadcastreceiver(iabbroadcastlistener listener) { m...
Read more

python Tkinter Capturing keyboard events save as one single string -

is possible store keyboard events 1 string? code below stores 1 char , prints it. card reader or bar code reader, contains collection of character/ string not 1 character @ time. goal save char pressed text variable. from tkinter import * root = tk() def key(event): text= event.char text+= event.char print ("pressed", text) def callback(event): frame.focus_set() print ("clicked at", event.x, event.y) frame = frame(root, width=100, height=100) frame.bind("<key>", key) frame.bind("<button-1>", callback) frame.pack() root.mainloop() currently, creating text variable , everytime key() function gets called, , text stores last character typed. you can define text module level variable , , use module level text inside key function - text = '' def key(event): global text text+= event.char print("pressed", text)
Read more

sql server - Why does Linq-to-SQL add unnecessary COUNT()? -

here tables: create table customer ( cid int primary key, name varchar(32) ) create table ord ( oid int primary key, cid int foreign key references customer, address varchar(20) ) here's linq-to-sql statement: var aaa = c in db.customer select new { c, o = c.ord.tolist() }; and here's inexplicable query generated linq-to-sql: select [t0].[cid] [cid], [t0].[name] [name], [t1].[oid] [oid], [t1].[cid] [cid2], [t1].[address] [address], (select count(*) [dbo].[ord] [t2] [t2].[cid] = [t0].[cid]) [value] [dbo].[customer] [t0] left outer join [dbo].[ord] [t1] on [t1].[cid] = [t0].[cid] order [t0].[cid], [t1].[oid] i want understand how rid of count(*) part. it's entirely uncalled for! linq needs count(*) in order determine number of entries returned o = c.ord.tolist() .
Read more