How to upload image in React js Mongo db and node. Display image from Mongo. Convert image to Base64

Hello Guys,

In this tutorial I have shown you that how can you upload an Image from react to mongo db by creating an api in node js and fetch it again and show it to your React Js application.
Thank You.

Node Js and Mongo Db tutorial.

[vijayr]

i wasted one day for this storing image as base64 in mongo finally completed tq very much

[michellejanay]

Great, straightforward explanation! Thank you so much!

[maazshaikh]

Thanks a lot man. Searched so much for this finally understood now

[ApataHitz]

Just what I was looking for. Thank you.

[philipsjose]

thank you bhai ek din nikal gaya dha ise solve karne keliye tere vajah se chutkiyo me ho gaya

[devanshkapoor]

Thanks a lot bro! Really helpful video and great explanation as well!

[rabi]

You have great playlist for beginners that wants to learn about MERN stack 👍

[rajatshukla]

Thank you this was extremely helpful!!

[victortemple]

i want to thank you so much for this explanation. it help me a lot!

[mathewuy]

awesome tutorial new subscriber here, the upload use cases in your channel are awesome, God bless you

[shobinsebastian]

Yes please do the efficient way too...

[k.ashutoshbaitharu]

Please do a video on efficient way of storing and retriving image in mern app.

[vernevens]

I would like to know how to download the base64 image and display it in an image tag from next image

[ankanbasu]

thanks. it's really helpful.
and how do i serve the image directly from url ?
for eg at 12:01, if we go to that url, i want it to display the image instead of base64. (so that inside our front end i can just do
<img src={the url} />
instead of calling the api.)

how to do this?

[patelaryan]

Also need to know the efficient method (using Multer)

[nucmd]

i don't quite understand the base64 to image conversion, base 64 will be automatically converted back to the image upon transfer and the src attribute of the img tag?

[abdulmomin]

CORS error on Base64 images with large image size how to fix it

[talhakhan]

i have succesfully coverted image to base64 but while saving it to mongodb i am getting this error: PayloadTooLargeError: request entity too large

[shko]

Please sir, make a video where we can storage the images like this way, but just in more efficient way, and maybe with Firebase !

[asmrjavascript_]

Hiii,
i face this error: PayloadTooLargeError: request entity too large
how to I fix ????