Tengo un formulario en mi front en una aplicación hecha con angular que al hacer un post para enviarlo a mi node recibo el objeto con todos los campos, pero el campo de imágenes lo recibe como un array de objetos vacío, y no consigo mostrar las imágenes para posteriormente con la librería filesystem
(fs) almacenar esas imágenes que recibe el back y guardarlas en una carpeta, lo que me interesa ahora entender es por qué no se está recibiendo bien el arreglo de imágenes, este es por ejemplo el objeto que envío desde el front:
y este es el console.log
en mi back que devuelve:
{
nombre: 'Producto Nombre',
categoria: 'cat1',
subcategoria: 'subcat2',
precio: 123,
imagenes: [ {}, {}, {}, {} ],
descripcion: 'Producto descripción'
}
He estado leyendo y parece que necesito para procesar las imagenes un middleware con un multer
, y además asegurarme de pasar en las cabeceras el content-type: multipart/form-data
, también en la etiqueta form, incluir enctype="multipart/form-data"
Pero nada de eso me está solucionando el problema.
En mi front yo estoy enviando el formulario de esta forma al back
try {
this.producto.nombre = this.form.value.nombre_produ;
this.producto.categoria = this.form.value.categoria;
this.producto.subcategoria = this.form.value.subcategoria;
this.producto.precio = this.form.value.precio_produ;
this.producto.descripcion = this.form.value.descri_produ;
this.producto.imagenes = this.filesToUpload;
console.log(this.producto);
// const headers = { 'Content-Type': 'multipart/form-data' };
// const options = { headers: headers };
this.http.post('http://localhost:7777/productos', this.producto).subscribe((result) => {
console.log(result)
});
} catch (e) {
Y el back lo está recibiendo tal que así
app.post("/productos", (req: any, res: any) => {
const producto = req.body;
console.log(producto)
return res.status(200).json({ mensaje: "Producto guardado correctamente" });
});
Se os ocurre alguna solución? Muchas gracias de antemano.
multer
es paquete desarrollado porExpressJS
para ayudar con la subida de archivos. Para saber como utilizarlo, recomiendo visitar su repositorio. Existen otros paquetes, pero no tan populares.