El problema principal al parecer es que no estás recibiendo ninguna imagen. Para esto debes instalar primero express-fileupload
.
npm i --save express-fileupload
Después necesitas poner un middleware que capture y ordene la imagen dentro de req.files.miImagen
.
//Este ordena las imágenes para trabajar más fácilmente
app.use(fileUpload({debug: true}));
Esta ruta recibe la imagen, la procesa y la vuelve a mandar.
app.post('/', (req, res) => {
//Esto es posible gracias a express-fileupload
let miImagen = req.files.miImagen;
//Tomamos solo la data por que es donde esta el buffer de la imagen.
sharp(miImagen.data)
//Aplicamos el tamaño.
.resize(320, 240)
//Convertimos de nuevo en imagen
.toBuffer()
//Y cuando todo esta listo recibimos el fichero.
.then( fichero => {
//Lo mandamos a donde queremos. En mi caso quiero que
// lo dibuje en la respuesta
res.write(fichero)
})
//Si hay errores al convertir la imagen aquí los captura.
.catch( err=> { res.write(err)})
})
Y esta es la plantilla html.
<form action="/" method="post" encType="multipart/form-data">>
<input id="input-b1" name="miImagen" type="file">
<input type="submit">
<form>
Es muy importante recalcar que el name="miImagen"
es el que vas a obtener
dentro de tu req.files.miImagen
. También es muy necesario según la documentación de express-fileupload
agregar en el form encType="multipart/form-data"
Esta es la documentacion de sharp y tambien te pongo el ejemplo funcionando.
Cuando corras el ejemplo espera un poco a que instale sharp.
IMPORTANTE
Con multer
no hay mucha diferencia para la subida de ficheros solo que es mas poderoso a la hora de guardar los ficheros directamente.