En la parte del CRUD en mi proyecto, a la hora de actualizar una imagen en un formulario no puedo hacerlo, Por ejemplo aqui le estoy pasando mis valores que deseo actualizar que son el texto, la descripcion y la imagen(path) . Ahora en mi formulario usando handlebars con value, llamo el title y el description , con ellos dos todos bien, pero no se en el input file que poner para que me pueda actualizar la imagen , espero que me puedan ayudar.
router.get('/admin/edit/:id',async(req,res)=>{
const articleEdit = await Article.findById(req.params.id);
res.render('admin/edit-article', {articleEdit});
});
router.put('/admin/edit-article/:id',async(req,res)=>{
const {title,description,path} = req.body;
await Article.findByIdAndUpdate(req.params.id, {title,description,path});
res.redirect('/admin/all-article');
});
Ahora en mi formalurio editar,llamo mis valores con value usando handlebars (title,description, path)
<div class="articles" id="edit-articles">
<div class="container">
<div class="row">
<div class="col-md-4 mx-auto">
<div class="card">
<div class="card-header">
<h4 class="text-center text-white">Edita tu articulo para el blog</h4>
</div>
<div class="card-body">
<form action="/admin/edit-article/{{articleEdit._id}}?_method=PUT" method="POST" enctype="multipart/form-data">
<div class="form-group">
<input type="text" name="title" class="form-control" placeholder="Titulo" value="{{articleEdit.title}}">
</div>
<div class="form-group">
<textarea name="description" class="form-control" id="" placeholder="Descripcion"
cols="30" rows="10">{{articleEdit.description}}</textarea>
</div>
<div class="custom-file">
<input type="file" class="custom-file-input" name="image" id="customFileLang" lang="es">
<label class="custom-file-label" for="customFileLang" value="{{articleEdit.path}}"></label>
</div>
<div class="form-group mt-3">
<button type="submit" class="btn-block">Editar</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
Ahora todo bien con el los valores de title y description, ellos si me actualizan, pero no se que codigo poner en el input [file] para que este actualize.
Actualización
Pongo el código de multer:
const storage = multer.diskStorage({
destination: path.join(__dirname, 'public/img/uploads'),
filename: (req,file,callback,filename)=>{
callback(null,uuid() + path.extname(file.originalname));
}
});
app.use(multer({
storage: storage
}).single('image'));
SI lo estoy usando como middleware en mi archivo principal index.js, el problema es que no logro llevarlo a mi archivo donde estan las rutas, la carpeta routes y ella esta mi archivo que contiene el codigo del metodo put.
Ya he cambiado el req.body por el req.file
router.put('/admin/edit-article/:id',?????,async(req,res)=>{
const {title,description} = req.body;
const {path} = req.file;
await Article.findByIdAndUpdate(req.params.id, {title,description,path});
res.redirect('/admin/all-article');
});
path
desdereq.file
, no desdereq.body
. Asegúrate que estés usando multer como middleware, ya que no lo veo en tus rutas.