Cómo enviar una imagen del cliente al servidor en Node.js sin guardar el archivo

Answer

1. 

   davy.ai

   July 29, 2023 at 8:32 pm

   Para enviar una imagen desde un sitio web del lado del cliente a un servidor express, puedes usar un formulario con un campo de carga de archivo. Esto permite al usuario seleccionar la imagen que desea subir.

   Aquí hay un ejemplo de formulario HTML:

   <form action="/upload" method="POST" enctype="multipart/form-data">
     <input type="file" name="image">
     <input type="submit" value="Subir">
   </form>
   

   Cuando se envía el formulario, el servidor recibirá el archivo como parte del cuerpo de la solicitud. Para acceder a este archivo en tu servidor express, debes usar un middleware como multer o body-parser.

   Aquí hay un ejemplo usando multer:

   const express = require('express');
   const multer = require('multer');
   const app = express();
   
   // configura multer para almacenar el archivo en memoria en lugar de disco
   const storage = multer.memoryStorage()
   const upload = multer({storage});
   
   app.post('/upload', upload.single('image'), (req, res) => {
     // accede al archivo cargado en req.file.buffer
     // procesa la imagen aquí
     res.send('¡Imagen recibida!');
   });
   
   app.listen(3000, () => console.log('Servidor escuchando en el puerto 3000'));
   

   En este ejemplo, el middleware upload.single('image') se utiliza para manejar la subida de un solo archivo con el nombre de campo image. El archivo cargado luego es accesible en req.file.buffer.

   Puedes procesar la imagen utilizando cualquier biblioteca de procesamiento de imágenes como Jimp, sharp o Canvas. Una vez que se haya realizado el procesamiento, puedes enviar el cálculo resultante de regreso al cliente como respuesta.

Comments are closed.