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.
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