Image Upload to Cloudinary - Creating a Product | React and Node.js Ecommerce
Vložit
- čas přidán 5. 07. 2024
- In this video I will show you how to easily perform image upload to Cloudinary using React and Node.js while creating a product.
Link to Playlist: • Complete Shopping Cart...
Link to Source Codes: github.com/chaoocharles/compl...
✨ Join My Discord Server
/ discord
Buy Me A Coffee 🤑
📍PayPal: www.paypal.com/cgi-bin/webscr...
Sections:
00:00 - intro
02:36 - product model
05:30 - cloudinary config
10:46 - product post and get routes
21:09 - create product form
37:15 - react and redux post request
46:50 - react and redux get request
SUPPORT MY CHANNEL
📍SUBSCRIBE: / @chaoocharles
📍Become a Channel Member: / @chaoocharles
📍Join My Fun Channel: / @chaaoo
GET IN TOUCH:
📍 Twitter: / chaoocharles
Disclaimer: This video is not sponsored - Věda a technologie
Thank you very much! I am so glad I found your video. I have tried many things and it did not work until I found yours! Appreciate this!
That was the best explanation on how to upload image to cloudinary with react and node js! Thank you!
After struggling with image uploading, I found that video. Thank you for this great stuff.
best explanation on how to upload image to cloudinary with react and node js! Thank you!
Great Cloudinary tutorial. Thanks, friend.
You're the only person with this solution on YT thank you!
Thank you!
I have been looking for this exact video for a while now! awesome work!
You're welcome 😊
sir how to uplode large file? when i uplode large file may be 5 mb i got error .. the error is request is to large..how can i solve this problem
What about for multiple images? Sometimes when the image resolution is high, it returns a “Field Value too Long” from my backend
N.B my server limit is set at 50mb
I must say this one is a great tutorial, but I was thinking that is this a correct way to save the base64 in you redux store ?
I'm getting the erro that state.items.push()is not a function
Thank you
You're welcome!
i can create an image but I can't update the image :/
I have a question I just saw you creating router.post and router.get in one file one to create product and one to fetch them all but in your server.js you included them in one endpoint route '/api/products' how do you separate them during execution
When you make a req it usually has a method. Either GET or POST method. Eg axios.get and axios.post, these methods are the ones that differentiates the routes
@@ChaooCharles what if I am creating user routes and both have post especially creating user, logging in user and change password
Like I am creating a route here for products and there is create, get, put and delete or in this scenario I have to create different files
@@engineermaxwel6732 you don't need a new file, you can do something like this router.post("/login", ...) router.post("/register", ...)
Then the path for request will be something like this baseurl/api/auth/login, baseurl/api/auth/register
Thank You So much. It helps lot