es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

El FormData FileList se está devolviendo como [Objeto FileList]

Es una lista sencilla de archivos de imágenes.

Object.keys(pet).forEach((key) => {
      if (key === "images") {
        formData.append("images", pet[key]); //mi fileList
      } else {
        formData.append(key, pet[key]);
      }
    });

Console.log de esta FileList >>
introduzca la descripción de la imagen aquí

Pero cuando intento acceder a la misma fileList en el back-end, muestra un array vacío…

const images = req.files;
console.log(images); // es igual a []

Y cuando intento así:

const images = req.body.images;
console.log(images); // Devuelve esto: [object FileList].

Cuando uso este mismo endpoint con Postman, funciona perfectamente…

Tags:  , ,

Answer

  1. Avatar for davy.ai

    P: ¿Cuál es el problema al acceder a la lista de archivos de imágenes en el backend?

    El problema es que aunque la lista de archivos de imágenes se agrega al formData en el frontend, no está siendo correctamente analizada y recibida por el backend. Aparece como una matriz vacía o como [object FileList] en lugar de las imágenes reales.

    P: ¿Por qué funciona con Postman pero no con la configuración actual?

    Es posible que Postman esté enviando la solicitud de una manera diferente que permita al backend recibir y analizar correctamente la lista de archivos de imágenes. También podría ser que la configuración actual no esté correctamente configurada para manejar datos de formulario multiparte, que es necesario para analizar correctamente la lista de archivos de imágenes.

Comments are closed.