Cloudinary delete image easily - MERN stack
HTML-код
- Опубликовано: 22 июн 2022
- In this lesson, we're gonna teach you how to delete easily at the same time both image in cloudinary and product in MongoDB.
Github link: github.com/emmannweb/mernstac...
👉 Upload single image easily in Cloudinary: • Cloudinary Image Uploa...
👉 Upload multiple images in Cloudinary: • Cloudinary upload mult...
👉 Cloudinary update image in backend - mern stack: • Cloudinary update imag...
👉 Membership: / @emmannweb
☕ Buy me a coffee: www.buymeacoffee.com/codingac...
RUclips TUTORIALS
- Worpdress Tutorial: • Wordpress tutorial - h...
- Custom post type and taxonomy filter: • Custom post type with ...
- Cloudinary CRUD operation: • Cloudinary update imag...
- HTML and CSS Website design tutorial from scratch: • html and css website d...
- MERN Stack from scratch: • mongodb express react ...
- MERN Stack with Redux Toolkit: • Redux Tutorial / Redux...
- Cloudinary delete image easily - MERN stack
CODING ACADEMY is a programming channel that aim to teach programming stuff in a simple way.
If you are looking for Wordpress tutorial, React, MongoDB, ect this is the right channel for you.
Don´t forget To Subscribe and Share with other Friends
Subscribe To Coding academy : / @emmannweb
You Can Follow on Facebook :
CODING ACADEMY is an online media that was created to teach programming to any person around the world who feel the need to learn programming. We teach in a simple way and make it easy to understand.
Our community ( CODING ACADEMY) fans greatly appreciate this initiative,
#coding academy #Wordpress #coding
such a great man, thanks for this
My pleasure! Thank you too!
thnx sir very usefull
Most welcome
Hello teacher, a video to edit the image would be very useful. Thank you very much for your knowledge
Thank you so much! Great suggestion!
👉 Cloudinary update image in backend - mern stack: ruclips.net/video/rOKIiwu1FN4/видео.html
@@emmannweb wow thank you very much for this!!.. you are great man
@@frandepaulo Thank you. You're welcome!
useful
Thank you!
Hi theree :D ! Bro ! I have a question :) before doing all this did u install npm i cloudinary? ,.,and after require or something ? i really waant to know what happend in the very beggining of that controller to try it by myself here.
Thanks you! !
Hi, check this link on uploading image in cloudinary where we install and configure it: ruclips.net/video/FsD_gUbYsb8/видео.html
Nice bro! I have a question! If u just want to upload images on cloudinary and u want also to display them on frontend! Would u save the images on database and then send them to front end from database? Or u would only just save them on cloudinary and display them on frontend by using just the public ids, without a database! I am talking for images only not for an image on a product for example! Ty in advance!
Thx for your comment! Yes you can definitely do it. This is the link: ruclips.net/video/FsD_gUbYsb8/видео.html also if you check the video description it has some useful links that might interest you. To answer the second part of your question, image is uploaded to cloudinary directly from our backend API. The frontend part is the easiest one. After watching the video link i provide you, you'll have a better understanding of that.
i'm getting an error message indicating that the CORS policy is blocking the request to Cloudinary's API
how do i fix this???
You should add a package name "Cors" in your backend API if you don't have it yet: var cors = require('cors'); and pass it as middleware like so: app.use(cors()); if you also have Helmet package installed, proceed like so: app.use(
helmet.contentSecurityPolicy({
useDefaults: true,
directives: {
"img-src": ["'self'", "https: data:"]
}
})
)
in our example, we have added a proxy in our frontend in package.json like so: "proxy": "localhost:8000", after this restart react, it should work.
what if the image is in a folder then what should I pass? Folder/public_id or public_id only
Your question is not clear enough, but i'll try to answer. You don't need to worry if the image is in a folder or not. Cloudinary will handle that for you. Just follow the tutorial.
@@emmannweb ok thanks
@@AyushSachan2211 You're welcome
how to list all the uploaded images on same page and download them
in this lesson, you'll be able to upload multiple images and to display them: ruclips.net/video/GEE0jNxC8Gw/видео.html
how to delete it from client
As example, check this project, ruclips.net/video/YunH-IVTcsE/видео.html
Gihub project: github.com/emmannweb/blog-mern-app