Bonjour

je suis entrain de travailler avec firebase pour stocker les images de mon projet angular 

j'ai réussi de stocker les images et d'avoir leur url pour l'afficher 

voici le code :

export class new_carComponent {
upload(event) {
          var storage = firebase.storage();
          var storageRef = storage.ref();
          console.log(storageRef);
          // Create a reference to 'cars.jpg'
          var carsRef = storageRef.child('/images');
 
          // Create a reference to 'images/mountains.jpg'
           this.carImagesRef = storageRef.child('/images/'+event.target.files[0].name);
          //var file = document.getElementById("file").; // use the Blob or File API
          var task = this.carImagesRef.put(event.target.files[0]);
          console.log(this.carImagesRef.name);
          console.log(this.carImagesRef.fullPath);
          console.log(this.carImagesRef.bucket);
          this.carImagesRef.getDownloadURL().then(url => {
          console.log('firebase response: ' + url);
          console.log(url);
          return url;
           
         });
}
 
ngOnInit() {
      this.sub = this.route.params.subscribe(params => {
        this.id = +params['id'];
        console.log(this.id);
     });
 
        this.carForm = this.formBuilder.group({
            prix: ['', Validators.required],
            marque: ['', Validators.required],
            model: ['', Validators.required],
            pays: ['', Validators.required],
            matriculation: ['', Validators.required],
            place: ['', Validators.required],
            porte: ['', Validators.required],
            energie: ['', Validators.required],
            vitesse: ['', Validators.required],
            consommation: ['', Validators.required],
            climatisation: ['',],
            cd: ['',],
            gps: ['',],
            image: ['', Validators.required],
            siege: ['',],
            description: ['', Validators.required],
            agence: [this.id],
            url: [this.url],
        });
    }

le probleme c'est je veux que url de la méthode ngOnInit() prend l'url de l'image de la méthode upload mais ça marche pas s'affiche toujours null

help me please merci 

Bonjour,

Doublon

Les doublons nuisent au bon fonctionnement du forum et sont donc interdits. Si vous vous êtes trompé de section, il suffit de signaler votre sujet au staff pour qu'il le déplace au bon endroit.

Je vous invite à continuer la discussion sur l'autre sujet : https://openclassrooms.com/forum/sujet/angular-17 

Je ferme ce sujet. Me contacter par MP si besoin.