Inicio > Cursos > Node.js y Express > Subida de Archivos
Node.js y ExpressBases de Datos y APIsLección 15 de 20

Subida de Archivos

multer es el middleware estándar para manejar multipart/form-data (subida de archivos) en Express. Permite guardar en disco o en memoria, validar tipo y tamaño, y renombrar archivos. Sharp es la librería de procesamiento de imágenes más rápida para Node.

// npm install multer sharp
const multer = require('multer');
const sharp = require('sharp');
const path = require('path');
const fs = require('fs');

// Configuración de almacenamiento en disco
const diskStorage = multer.diskStorage({
  destination: (req, file, cb) => {
    const dir = './uploads/originales';
    fs.mkdirSync(dir, { recursive: true });
    cb(null, dir);
  },
  filename: (req, file, cb) => {
    // Nombre único: timestamp-random.ext
    const ext = path.extname(file.originalname).toLowerCase();
    const nombre = `${Date.now()}-${Math.random().toString(36).slice(2)}${ext}`;
    cb(null, nombre);
  },
});

// Almacenamiento en memoria (para procesar antes de guardar)
const memStorage = multer.memoryStorage();

// Filtro de tipo de archivo
const soloImagenes = (req, file, cb) => {
  const tipos = ['image/jpeg', 'image/png', 'image/webp', 'image/gif'];
  if (tipos.includes(file.mimetype)) {
    cb(null, true);
  } else {
    cb(new Error('Solo se permiten imágenes (jpg, png, webp, gif)'), false);
  }
};

const upload = multer({
  storage: memStorage, // procesar en memoria primero
  limits: {
    fileSize: 5 * 1024 * 1024, // 5MB máximo
    files: 5,                   // máximo 5 archivos a la vez
  },
  fileFilter: soloImagenes,
});

// Ruta con Sharp para optimizar imagen
app.post('/avatar', upload.single('imagen'), async (req, res, next) => {
  try {
    if (!req.file) return res.status(400).json({ error: 'No se subió imagen' });

    const nombreSalida = `avatar-${req.user.id}.webp`;
    const rutaSalida = path.join('./uploads/avatars', nombreSalida);

    // Redimensionar y convertir a WebP (mejor compresión)
    await sharp(req.file.buffer)
      .resize(200, 200, { fit: 'cover', position: 'center' })
      .webp({ quality: 85 })
      .toFile(rutaSalida);

    const url = `/uploads/avatars/${nombreSalida}`;
    await db.usuario.update({ where: { id: req.user.id }, data: { avatar: url } });

    res.json({ url });
  } catch (err) {
    next(err);
  }
});
ConsejoUsa memoryStorage() + Sharp para procesar imágenes antes de guardarlas. Esto permite redimensionar, comprimir y convertir a WebP en un solo paso, sin archivos temporales en disco.
← WebSockets con Socket.ioTesting con Jest y Supertest →

Practica esta lección

Resuelve los ejercicios del curso de Node.js y Express en la app, gratis y con corrección automática.

Empezar a practicar