how to display images from rest api to fronted but it display only in image using multer

Question

it displays only the image logo fronted, not the whole image which I uploaded in my backend in string format please resolve my error what is my problem in my code...

when I see it in the browser then it renders me as below

please help me to run out of it...

Answer 1

Your Posts include not url of your image. They include filename. You need to write your full path to the image. Your server is listen in http://localhost:5000 So you need to write:

<img src={`http://localhost:5000/${post.image}`} />