converting objects of buffer to an image

Question

how do i convert this buffer data to an image so when am looping thru the result and rendering it in the img src it will render as an image that the user can see

am using ejs to render it

     <span>
        <img class="user-with-avatar" src=<%=item.photo%> />
     </span>

when i console.log(result.data.photo), i get this

{"type":"Buffer","data":[100,97,116,97,58,14,79,8,113,97,65,43,57,55,89,69,88,51,66,101,70,86,112,121,112,121,121,121,80,81,104]},
{"type":"Buffer","data":[100,97,116,97,58,14,79,8,113,97,65,43,57,55,89,69,88,51,66,101,70,86,112,121,112,121,121,121,80,81,104]},
{"type":"Buffer","data":[100,97,116,97,58,14,79,8,113,97,65,43,57,55,89,69,88,51,66,101,70,86,112,121,112,121,121,121,80,81,104]}

how do i fix it with this code arrangement


    app.get('/products', function (req, res) {
            if (req.session.token && req.session.user_id) {
                let data = {
                    token: req.session.token,
                    id: req.session.user_id,
                }
                let url = `https:/url/product/get_products?id=${data.id}&token=${data.token}`
                functions.callAPIGet(
                    url,
                    function (error, result) {
                        res.render('products', {
                            result: result.data
                        })
                    }
                );
            } else {
                res.redirect('/login')
            }
        });

its not working, this just sets the image address to data:image/jpeg;base64,[object Object] — Funto Adeyemi
– Funto Adeyemi, Commented Feb 28, 2020 at 13:57

husanu · Accepted Answer · 2020-02-28 11:05:46Z

1

encode the buffer in base64:

let base64img = "data:image/jpeg;base64," + result.data.photo.toString('base64');

and use base64img in ejs

answered Feb 28, 2020 at 11:05

husanu

3041 silver badge4 bronze badges

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

2 Comments

Funto Adeyemi Over a year ago

its not working, this just sets the image address to data:image/jpeg;base64,[object Object]

husanu Over a year ago

do you know what those 3 buffers are? try result.data.photo[0].toString('base64')

Collectives™ on Stack Overflow

converting objects of buffer to an image

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related