Загрузить изображение Firebase Ionic 3

Question

Я хотел бы сохранить изображение в хранилище и базе данных Firebase с помощью ionic, но я не хочу сохранять на этой странице. Я получаю данные изображения. У меня есть takePicure, который получает изображение и загружает информацию, отправляющую данные в сервис. помогите кому-нибудь мой код ниже takeImage.ts

    takePicture() {
    this.photo = '';
    const options: CameraOptions = {
      quality: 100,
      destinationType: this.camera.DestinationType.DATA_URL,
      encodingType: this.camera.EncodingType.JPEG,
      mediaType: this.camera.MediaType.PICTURE,
      allowEdit: true,
      // correctOrientation: false,
      targetWidth: 1000,
      targetHeight: 1000
    }
    this.camera.getPicture(options)
              .then((imageDate) => {
                let base64image = 'data:image/jpeg;base64,' + imageDate;
                this.photo = base64image;
                // this.userService.uploadToStorage(this.user.user_id, this.photo, 'citizens')
                this.uploadInformation(this.photo);
                console.log(this.photo)
              }, (error) => {
                console.log(error)
              })
              .catch((error) => {
                console.log(error)
              })
  }

    uploadInformation(info) {
     let upload = this.userService.uploadToStorage(info);
     upload.then().then(res => {
       this.userService.storeInfoToDatabase(this.user.key, res.metadata)
         .then(() => {
           alert('Inserido com sucesso so colocar o toast depois')
         })
     })
   }

Теперь в моем сервисе у меня есть этот код, и метод storeInfoToDatabase получил 2 параметра user.key и имя изображения service.ts

    uploadToStorage(information: any): AngularFireUploadTask { 
    let newName = information + '.png'; 
    return this.afs.ref(`users/citizens/${newName}`).putString(information, 'base64');
  }

  storeInfoToDatabase(user_id, metainfo) {
    let toSAve = { 
      url: metainfo.downloadURLs[0],
      fullPath: metainfo.fullPath,
      contentType: metainfo.contentType,
    } 
    return this.db.list(`${this.PATH}/citizens`).update(user_id, (toSAve))
  }

помогите кому-нибудь, как я могу сохранить в Firestora и базе данных ...?

Answer 1

вы можете использовать angular-firebase npm package это просто и удобно

npm install angular-firebase

Вы можете просто загрузить захваченное изображение базы 64 с этим кодом

this.firebase.uploadString(encodedFile,'images/1.jpg','base64',
(value)=>{
    console.log('Upload progress :'+ value + '% uploaded');   
    // event detect the data uploaded  used to monitor the persentage of the download process
    // this will return 'Upload progress : 24% uploaded'
    // this part will run multiple times until the upload complete
// for example 
}).then((url)=>{
    console.log(url);
    // the URL of uploaded file or image,
    // this part run once when the upload complete
});