how to read image stored in mongodb and display in nodejs

Question

I am making a nodejs app which displays pictures stored on servers ,I was using multer to store pictures in the same directory and I was using mongodb as my database to store the path of the picture that user uploads , and then i read the path and displayed the pictures something like this,

<div class="post-image flex">
        <%var imagesource='../'+postobj.blob.path%>
        <div>
            <img class='onbottomimage' src="<%=imagesource%>" >
        </div>
</div>

everything was working fine locally. but now I have deployed my app to heroku and found out I cannot store pictures on heroku as the user uploads them, I still have the pictures stored in mongodb in base 64 format something like this

image
:
Binary('/9j/4AAQSkZJRgABAgEAYABgAAD/7gAOQWRvYmUAZAAAAAAB/+EUI0V4aWYAAE1NACoAAAAIAAcBMgACAAAAFAAAAGIBOwACAAAA...', 0)

how do i convert them back to pictures and display them in img tag in ejs, or what other options do i have ,I dont want to change heroku but still be able to display the pictures that the user uploads.

@prabhu i had read this one but, as I said I cannot store images on heroku fs.writefile wont work here — Nikhil Singh
– Nikhil Singh, Commented Jul 17, 2020 at 17:31
This can help you also. stackoverflow.com/questions/43503963/… — Mateus Leonardi
– Mateus Leonardi, Commented Jul 17, 2020 at 17:32
@NikhilSingh In that case you'll have to decode the bas64 image every time the user requests for it, not exactly efficient or scalable. Any case this is what you are looking for stackoverflow.com/a/21227124/2098386 — prabhu
– prabhu, Commented Jul 17, 2020 at 17:45

Nithin K Joy · Accepted Answer · 2020-07-17 18:13:33Z

1

If you are storing your uploaded images in the Heroku server, it is an utter waste. Because Heroku Dyno will restart every day which will delete all the extra added data other than data stored during deployment time. I think you are using express.

let fs=require("fs")
let yourBuffer=//retrieve that buffer and store into this(yourBuffer) variable
let buffer = new Buffer.from(yourBuffer)
fs.writeFile(`location to storeimage/imagename.yourimageextension`, buffer, "binary", function (err, written) {
    if (err) console.log(err);
    else {
        console.log("Successfully written");
        res.sendFile((__dirname + `location of image/imagename.yourimageextension`))
    }
});

answered Jul 17, 2020 at 18:13

Nithin K Joy

97312 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Neoflies · Accepted Answer · 2020-07-17 17:32:52Z

0

I think a better solution would be using a 3rd party storage provider, aws s3 for example, and only store image url in the database

answered Jul 17, 2020 at 17:32

Neoflies

2931 gold badge4 silver badges9 bronze badges

1 Comment

Nikhil Singh Over a year ago

I know,thats a easy solution ,but I dont want to change heroku or any third party apps

Collectives™ on Stack Overflow

how to read image stored in mongodb and display in nodejs

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related