How to display image from database using nodejs

Question

How can i display my image which the image call from database but only return alot question mark... see here >>> Resdata

If i direct call the API using the link it come out it result:

{"success":false,"message":"No token provided"}

async getImage(){
const res = await MemberService.getmemberprofileimage('1667546872110-agape-1667546868823.jpeg').then(function(response){
        return response;
      })
      if(res.status == 200){
        if(res.data.success != false){
          this.gImage = res.data;
          console.log('Res:', res);
        }
      }
    }

ReturnData:

ReturnData

your response seems to be binary data. One way could be converting that to base64 data and pass it to an img element's src — GrafiCode
– GrafiCode, Commented Nov 7, 2022 at 9:55
Does this answer your question? Convert binary data to base64 with javascript — GrafiCode
– GrafiCode, Commented Nov 7, 2022 at 9:56
@GrafiCode the code change to base64 but I cant show on <img> tag — Meow
– Meow, Commented Nov 7, 2022 at 10:13
@Meow Could you share the full URL get an image or full data from the response? — Chuong Tran
– Chuong Tran, Commented Nov 7, 2022 at 10:56
@ChuongTran hi, I update the full data you can check the ReturnData image — Meow
– Meow, Commented Nov 8, 2022 at 2:36

Chhavi Batra · Accepted Answer · 2023-02-23 06:15:17Z

0

Try the following to convert the binary data to base64 data.

res.end(res.data.toString('base64'));

answered Feb 23, 2023 at 6:15

Chhavi Batra

716 bronze badges

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

Comments

Dragos Podaru · Accepted Answer · 2023-02-28 19:51:33Z

0

In order to show binary data on an img tag you could use URL.createObjectURL in your FE code to display the image

const imageSrc = URL.createObjectURL(res.data);
<img src=`${imageSrc}` />

edited Feb 28, 2023 at 19:51

answered Feb 28, 2023 at 19:46

Dragos Podaru

4525 silver badges11 bronze badges

Collectives™ on Stack Overflow

How to display image from database using nodejs

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related