Display image on react app from node js server

Question

I am creating an react app using create-react-app for school management system. I had used node js for creating api end point. I am able to store student detail and can fetch it back to display in react. I had created an endpoint for uploading student images, which is also working perfect. I had stored the image on node js server public folder. I know it should be on client public folder but if another application for example android or angular or vue application tries to call the same image will not get as it will be stored in react public folder.

So how could I solve the image problem?

You need a route that serves static files from node.js assuming you are using express you can use - expressjs.com/en/starter/static-files.html Your endpoint need to serve images as static files from a folder on your server — dima golovin
– dima golovin, Commented Jan 2, 2020 at 12:28
store it on server. pass url to image as value to src element of image — Revansiddh
– Revansiddh, Commented Jan 2, 2020 at 12:43

Dmitry Sobolevsky · Accepted Answer · 2020-01-02 12:34:11Z

1

You've done all the logic right, just add image URL to user profile, for example :

imageUrl: 'https://{your API URL}'

or the better way to upload all images on file server like S3 or Google Cloud Storage, and save only link to image on user profile

answered Jan 2, 2020 at 12:34

Dmitry Sobolevsky

1,1916 silver badges12 bronze badges

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

Collectives™ on Stack Overflow

Display image on react app from node js server

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related