In my current project, I am utilizing Sails Js and Mongo DB for development. When a user uploads an image and content for a blog post, I store it in the images folder and save the file destination along with the content to MongoDB. My goal is to display both the content and the image on my HTML page using the file destination. While the content displays correctly, I am facing an issue with displaying the image. Here is a snippet of the controller code:
savepost:function(req,res){
var uploadFile=req.file("image")
uploadFile.upload({maxBytes:1000000,dirname:'../../assets/images'}, function onUploadComplete(err, files) {
// Files will be uploaded to ./assets/images
// Access it via localhost:1337/images/file-name
if (err) return res.serverError(err);
filename=files[0].fd;
var content=req.body.content;
var title=req.body.title;
Cyberblog.create({title:title,content:content,date:date,filename:filename,}).exec(function(err){
if(err){
console.log(err);
message="content not saved";
console.log(message)
res.redirect('/newpost');
}
else{
var start=filename.lastIndexOf('\\');
fd="images/"+filename.substring(start+1)
post={
title:title,
content:content,
fd:fd,
}
res.view('pages/blog/blog',{post:post})
console.log("successfully saved")}
}); }); },
Below is a snippet from the HTML file where I attempt to display the post:
<div class="container">
<div class="row align-items-stretch retro-layout-2">
<div class="col-md-4">
<a href="single.html" class="h-entry mb-30 v-height gradient" style="background-image:url(<%= post.fd %>);">
<div class="text">
<h2><%= post.title %></h2>
</div>
</a>
</div>
</div>
I'm uncertain if my usage of <%= post.fd %> in the HTML file is correct. Any assistance or advice would be greatly appreciated.