Вот моя проблема. Я хочу изменить изображение с помощью caman, а затем загрузить его в firebase. это мой код
import { Component, NgZone } from '@angular/core';
import { NavController, NavParams, AlertController } from 'ionic-angular';
import firebase from 'firebase';
declare var Caman: any;
@Component({
selector: 'page-filtri',
templateUrl: 'filtri.html'
})
export class FiltriPage {
fotoModificata: any;
public fotoScelta;
itemRef : firebase.database.Reference = firebase.database().ref('/matrimonio1');
firestore = firebase.storage();
alertCtrl: AlertController;
imgsource: any;
constructor(public navCtrl: NavController, public navParams: NavParams, alertCtrl: AlertController, public zone: NgZone,
) {
this.alertCtrl = alertCtrl;
this.fotoScelta = navParams.get("foto");
}
addFilter(){
Caman("#image", function(){
this.brightness(5);
this.render(function () {
var fotoModificata = this.toBase64();
});
});
}
upload() {
let storageRef = firebase.storage().ref();
const filename = Math.floor(Date.now() / 1000);
const imageRef = storageRef.child(`images/${filename}.jpg`);
imageRef.putString(this.fotoModificata, firebase.storage.StringFormat.DATA_URL).then((snapshot)=> {
// il codice sotto prende l'url della foto appena caricata
this.firestore.ref().child(`images/${filename}.jpg`).getDownloadURL().then((url) => {
this.zone.run(() => {
this.imgsource = url;
// carica l'url in firebase.database
let newPostRef = this.itemRef.push();
newPostRef.set({
"nome" : " ",
"url" : url
});
})
});
this.showSuccesfulUploadAlert();
}, (err) => { });
}
showSuccesfulUploadAlert() {
let alert = this.alertCtrl.create({
title: 'Caricata!',
subTitle: 'La foto è stata caricata!',
buttons: ['OK']
});
alert.present();
this.fotoModificata = "";
}
}
Я точно знаю, что функция upload() работает. Как я могу экспортировать var fotoModificata из функции addFilter для использования в upload()? Если я использую console.log сразу после объявления var, я вижу в консоли строку base64 моего изображения, но если я войду в консоль где-то еще, у меня есть и undefined. Как я могу решить?
