Skip to main content

Estoy haciendo un proyecto con Angular 6 y Cloud Firestore, que consiste en agregar productos. He definido una interfaz con los atributos que deberá de llevar, y al momento de recibirlos de un formulario, los manejo con el servicio:

addProduct(idDepartament: string, product: Product, image: File) {
    const id = this.db.createId();
    const document = this.db.doc(`departaments/${idDepartament}/products/${id}`);
    // Aquí sí presiste el ID del producto
    product.id = id;

    if (image) {
      // Si existe la imagen, entonces la guardará en Firebase Storage
      const path = `images/${idDepartament}/${id}/${image.name}`;
      const ref = this.storage.ref(path);
      const task = this.storage.upload(path, image);
      task.snapshotChanges().pipe(
        finalize(() => {
          ref.getDownloadURL().subscribe((data: string) => {
            product.image = data; // Guarda la dirección donde se almacenó la imagen
            product.nameImage = image.name; // Guarda el nombre de la imagen
          });
        })).subscribe();
    } else {
      // Si no hay imagen, tendrá una por defecto
      product.image = './assets/img/noImage.png';
    }

    // Retorna una promesa para mostrar si todo salió bien, o hubo un problema en la subida del archivo
    return document.set(product);
  }

Me parece que todo está bien, sin embargo, al probarlo no guarda nameImage ni image en product. Y verifiqué que sí aparezcan en el objecto: Objecto product

Objeto product

¿Qué sucede? Parece que lo está guardando correctamente. No obstante, en la Base de Datos no se encuentran los dos atributos para la imagen: Archivo en Firebase introducir la descripción de la imagen aquí

Gracias. Espero me puedan aclarar este suceso tan extraño, pues hace un par de días funcionaba bien, y ahora ya no quiere almacenar esos dos atributos.

Estoy haciendo un proyecto con Angular 6 y Cloud Firestore, que consiste en agregar productos. He definido una interfaz con los atributos que deberá de llevar, y al momento de recibirlos de un formulario, los manejo con el servicio:

addProduct(idDepartament: string, product: Product, image: File) {
    const id = this.db.createId();
    const document = this.db.doc(`departaments/${idDepartament}/products/${id}`);
    // Aquí sí presiste el ID del producto
    product.id = id;

    if (image) {
      // Si existe la imagen, entonces la guardará en Firebase Storage
      const path = `images/${idDepartament}/${id}/${image.name}`;
      const ref = this.storage.ref(path);
      const task = this.storage.upload(path, image);
      task.snapshotChanges().pipe(
        finalize(() => {
          ref.getDownloadURL().subscribe((data: string) => {
            product.image = data; // Guarda la dirección donde se almacenó la imagen
            product.nameImage = image.name; // Guarda el nombre de la imagen
          });
        })).subscribe();
    } else {
      // Si no hay imagen, tendrá una por defecto
      product.image = './assets/img/noImage.png';
    }

    // Retorna una promesa para mostrar si todo salió bien, o hubo un problema en la subida del archivo
    return document.set(product);
  }

Me parece que todo está bien, sin embargo, al probarlo no guarda nameImage ni image en product. Y verifiqué que sí aparezcan en el objecto: Objecto product

¿Qué sucede? Parece que lo está guardando correctamente. No obstante, en la Base de Datos no se encuentran los dos atributos para la imagen: Archivo en Firebase

Gracias. Espero me puedan aclarar este suceso tan extraño, pues hace un par de días funcionaba bien, y ahora ya no quiere almacenar esos dos atributos.

Estoy haciendo un proyecto con Angular 6 y Cloud Firestore, que consiste en agregar productos. He definido una interfaz con los atributos que deberá de llevar, y al momento de recibirlos de un formulario, los manejo con el servicio:

addProduct(idDepartament: string, product: Product, image: File) {
    const id = this.db.createId();
    const document = this.db.doc(`departaments/${idDepartament}/products/${id}`);
    // Aquí sí presiste el ID del producto
    product.id = id;

    if (image) {
      // Si existe la imagen, entonces la guardará en Firebase Storage
      const path = `images/${idDepartament}/${id}/${image.name}`;
      const ref = this.storage.ref(path);
      const task = this.storage.upload(path, image);
      task.snapshotChanges().pipe(
        finalize(() => {
          ref.getDownloadURL().subscribe((data: string) => {
            product.image = data; // Guarda la dirección donde se almacenó la imagen
            product.nameImage = image.name; // Guarda el nombre de la imagen
          });
        })).subscribe();
    } else {
      // Si no hay imagen, tendrá una por defecto
      product.image = './assets/img/noImage.png';
    }

    // Retorna una promesa para mostrar si todo salió bien, o hubo un problema en la subida del archivo
    return document.set(product);
  }

Me parece que todo está bien, sin embargo, al probarlo no guarda nameImage ni image en product. Y verifiqué que sí aparezcan en el objecto: Objecto product

Objeto product

¿Qué sucede? Parece que lo está guardando correctamente. No obstante, en la Base de Datos no se encuentran los dos atributos para la imagen: Archivo en Firebase introducir la descripción de la imagen aquí

Gracias. Espero me puedan aclarar este suceso tan extraño, pues hace un par de días funcionaba bien, y ahora ya no quiere almacenar esos dos atributos.

Origen Enlace

Dos atributos no persisten en un JSON

Estoy haciendo un proyecto con Angular 6 y Cloud Firestore, que consiste en agregar productos. He definido una interfaz con los atributos que deberá de llevar, y al momento de recibirlos de un formulario, los manejo con el servicio:

addProduct(idDepartament: string, product: Product, image: File) {
    const id = this.db.createId();
    const document = this.db.doc(`departaments/${idDepartament}/products/${id}`);
    // Aquí sí presiste el ID del producto
    product.id = id;

    if (image) {
      // Si existe la imagen, entonces la guardará en Firebase Storage
      const path = `images/${idDepartament}/${id}/${image.name}`;
      const ref = this.storage.ref(path);
      const task = this.storage.upload(path, image);
      task.snapshotChanges().pipe(
        finalize(() => {
          ref.getDownloadURL().subscribe((data: string) => {
            product.image = data; // Guarda la dirección donde se almacenó la imagen
            product.nameImage = image.name; // Guarda el nombre de la imagen
          });
        })).subscribe();
    } else {
      // Si no hay imagen, tendrá una por defecto
      product.image = './assets/img/noImage.png';
    }

    // Retorna una promesa para mostrar si todo salió bien, o hubo un problema en la subida del archivo
    return document.set(product);
  }

Me parece que todo está bien, sin embargo, al probarlo no guarda nameImage ni image en product. Y verifiqué que sí aparezcan en el objecto: Objecto product

¿Qué sucede? Parece que lo está guardando correctamente. No obstante, en la Base de Datos no se encuentran los dos atributos para la imagen: Archivo en Firebase

Gracias. Espero me puedan aclarar este suceso tan extraño, pues hace un par de días funcionaba bien, y ahora ya no quiere almacenar esos dos atributos.