0
276
VistasLa imagen no se muestra en la página: nodejs (handelbars)
Intentando mostrar la imagen en la página y la dirección es correcta y cuando se hace clic en el ícono de la imagen, se muestra "No se puede OBTENER /images/1640388048496.jpg" Estoy usando nodejs, express, handelbars y el nombre de la imagen está almacenado en mongodb y el servidor se está ejecutando en localhost . 
En el archivo hbs:
<!DOCTYPE html> <html lang="en"> <head> {{>header}} </head> <body> {{>navbar}} <div class="container"> <div class="box"> <div class="heading"> <h2>{{questions.title}}</h2> </div> <hr> <div class="descrip"> <p>{{{questions.description}}}</p> </div> <img src="../../images/1640388048496.jpg" alt="Image"> <hr> <p>Posted By {{questions.postedBy}}</p> <div class="comment-box"> <form action="/show/{{questions._id}}/comments" method="post"> <textarea name="comment" id="editor1"> </textarea> <button type="submit">Your Answer</button> </form> </div> <div class="people_list"> <h1>{{questions.comments}}</h1> {{#each questions.comments}} <div class="ans"> <p>{{this.comment}}</p> <p>{{this.dateposted}}/{{this.monthposted}}/{{this.yearposted}}</p> </div> {{/each}} </div> </div> </div> <script src="./ckeditor/ckeditor.js"></script> <script> CKEDITOR.replace('editor1'); </script> </body> </html>En aplicación.js:
[![app.get('/show/:id', (req,res)=>{ var db = req.db; Question.findById(req.params.id).populate('comments').exec( function(err, question){ res.render('show', { questions: question, }) }); })][1]][1]Estructura del archivo:
1 Respuestas
Responde la pregunta0
Las imágenes no deben almacenarse directamente en mongodb como base64, sino que deben guardarse en s3 o en cualquier otro almacenamiento en la nube y luego guardar ese enlace como una cadena en su base de datos.
Si tiene una imagen estática que desea mostrar, es mejor configurarla como una carpeta estática en su aplicación express escribiendo esto en su archivo main.js
app.use(express.static(path.join(__dirname, "images")));y luego usa tus imágenes así:
<img src="/1640388048496.jpg" alt="Image">