Cloudinary Image Upload with Nodejs and React

Cloudinary Image Upload with Nodejs and React

James Q Quick

4 года назад

69,780 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

Emrul Kayes
Emrul Kayes - 06.04.2023 08:44

Bro, you have a awesome VS code themes and Icon pack. Would you like to share themes and Icon pack settings :3
Thanks

Ответить
Илья Лонкин
Илья Лонкин - 14.12.2022 13:53

Thank you so much!

Ответить
高邦硯
高邦硯 - 04.12.2022 02:36

Thank you so much!

Ответить
Barıs Balli
Barıs Balli - 01.11.2022 13:00

Thanks a lot James, a really high quality tutorial, I learned a lot

Ответить
Matthew McMorries
Matthew McMorries - 21.10.2022 20:40

Woah! I totally just met you at a MeetUp in Memphis. Thanks for doing what you do!
-Loyal New Subscriber

Ответить
Code and Chords
Code and Chords - 22.09.2022 23:32

Thanks a lot. Keep it up bro.

Ответить
Rogue
Rogue - 04.08.2022 15:10

how to create an API that stores values like name, ID, image URL to the DB
condition the URL must be from cloudinary while uploading
Everything must happen with a single button submit click

How to do this?

Ответить
Parth Ardeshana
Parth Ardeshana - 18.07.2022 22:52

thanks, brother!!!!
its been significant to learn from you

Ответить
Engineer Maxwel
Engineer Maxwel - 02.07.2022 12:42

The tutorial is awesome but I was unable to continue because this is not what I am looking for. Nobody has done a tutorial on how to upload array of images and not just a single image.

Ответить
mohamed youssef
mohamed youssef - 17.06.2022 15:08

Awesome Tutorial ++++++++++++++++++++++ Thank You

Ответить
Erix Gutierrez
Erix Gutierrez - 11.06.2022 20:25

any simple way to upload multiple files at once?

Ответить
Daniel Bowman
Daniel Bowman - 01.05.2022 23:50

how would I get the body of what was posted? So that you could access its ID or URL on the frontend

Ответить
Tamara Andrea
Tamara Andrea - 17.02.2022 15:44

Unfortunately when I’m trying to fetch the image back to my UI I get a syntax error unexpected < token in Jason at position [0] does anyone know how to solve this issue?

Ответить
Milan Tiwari
Milan Tiwari - 10.02.2022 18:51

Hi, I want a similar thing for nextjs. Having issues with api key, secret etc config. Unsigned is working. Any help is appreciated.

Ответить
Jordan Fox
Jordan Fox - 05.02.2022 13:59

for some reason uploadedResponse is is coming back as undefined. does anyone know how to solve this? I think the cloudinary object itself is undefined howver, when I console it outside the post request function, i can see all of its properties including uploader and upload?? not sure what my problem is.

Ответить
Shama Anpat
Shama Anpat - 02.02.2022 11:44

heyy! how to upload multiple images using same?

Ответить
Pawan Kumar Mishra
Pawan Kumar Mishra - 28.01.2022 18:52

Thanks a lot! It really helped me.

Ответить
master code
master code - 25.01.2022 10:41

thanks alot

Ответить
hbela
hbela - 17.01.2022 00:44

super cool.thx.

Ответить
Roni Dey
Roni Dey - 06.12.2021 18:40

Thank you so much, this is exactly the video i was looking for

Ответить
Walter Daniel Mejia
Walter Daniel Mejia - 26.10.2021 05:36

Thanks for this video bro, you saved my life and got a new subscriber

Ответить
ikurbano
ikurbano - 25.10.2021 14:33

To the point, clear and concise. Thank you1

Ответить
LAVISH GOYAL
LAVISH GOYAL - 07.10.2021 09:44

Well well well! Exactly what I wanted. Thank you!

Ответить
Mika Manelka
Mika Manelka - 30.09.2021 21:21

Nice tutorial, thx!
1 question: wouldn't it be better to send the image from client directly to cloudinary instead of making the step over the server?

Ответить
Benjamin R R
Benjamin R R - 27.09.2021 22:04

MUCH appreciated James.
Ran into an issue: mapping my images wouldn't render. Fix: changed my cloudinary name to contain no special characters. There is an additional step required if your cloudinary name has a special character in it (e.g. - ). simplest fix, remove special character from cloudinary, (and update the places you might have used your old cloudinary name for the new one). Maybe this will help someone in the future. cheers.

Ответить
Elad
Elad - 27.09.2021 02:28

Great video. You don't need the './node_module' when import, 'react' its enough. it always look for the module under the node_module first.

Ответить
IG Dev
IG Dev - 10.09.2021 17:59

How can I get the link of the image directly when uploaded?

Ответить
Duvan Alonso Goez Correa
Duvan Alonso Goez Correa - 09.09.2021 19:59

amigo muchas grasias Exelente aprendi mucho solo tengo palabras de felicitacion y agradecimiento. Esto estaba buscando

Ответить
jhjhj
jhjhj - 04.09.2021 20:03

thanks allot sir🙌🙌you know exactly what people want a HIGH QUALITY CONTENT

Ответить
Gustavo Loera
Gustavo Loera - 22.08.2021 09:15

Great video, this is what i was looking for. Thanks

Ответить
Ghassan Classic
Ghassan Classic - 11.08.2021 18:47

Thank you very much 🙏

Ответить
stephen wuh
stephen wuh - 03.08.2021 23:55

thank you so much for the video. it was very useful to my project.

Ответить
Edward Martin
Edward Martin - 24.07.2021 00:11

Not sure if this is just an Axios thing, but i was getting "ENAMETOOLONG" when uploading. a few days later I now know.... do this instead in your upload.js file.

const uploadImage = async (imageText) => {
try {
const response = await Axios.post("/imageUpload", {
data: imageText,
headers: { "Content-type": "application.json" },
});
print("imageUploadResponse", response);
} catch (error) {
console.log(error)
}
};

Ответить
jhmesseroux
jhmesseroux - 12.07.2021 01:17

thank for this video . I have a question , how can i upload 2 photos at the same time ??

Ответить
K B
K B - 02.07.2021 09:52

that bonus is no less important than the main point

Ответить
K B
K B - 02.07.2021 09:50

i like watching you, you are calm and talking straight to the points no laugh no shit talking thank you

Ответить
Matthew Isaac
Matthew Isaac - 01.07.2021 17:12

Awesome video, very helpful... But can I follow the same steps for video uploads?

Ответить
Eraldo Perdomo
Eraldo Perdomo - 25.06.2021 05:54

great explanation

Ответить
Alexandr Merser
Alexandr Merser - 18.06.2021 16:31

Thanks a lot! It's very useful for me!

Ответить
Ayoub Nachat
Ayoub Nachat - 28.05.2021 21:22

But the only question i want to now
Is it secure i mean can anyone see my uploads?

Ответить
Qua Tre
Qua Tre - 23.05.2021 17:13

Hi guys, so I want to store in DB the avatar from cloudinary. Is it okay to store the public_id into MongoDB?

Ответить
Cloudinary
Cloudinary - 19.05.2021 02:51

Love the video! 🙌

Ответить
Jeff Kaplan
Jeff Kaplan - 08.05.2021 19:53

I was not able to get the gallery to display using my folder as cloud name/ nor asset folder I created

Ответить
nauman shigri
nauman shigri - 03.05.2021 22:35

xhermo song lay gulabi khabu.thus pe chaghbu. du laie na helpfull you xug ashin ashin thanks

Ответить
Philippe C
Philippe C - 03.05.2021 03:13

I am really happy I came across your video. Great tutorial, I learned a lot ! Thank you !

Ответить
Niel Follero
Niel Follero - 02.05.2021 09:18

I tried doing it without express.urlencoded() and it runs just fine. I wonder what is that for.

Ответить
freezemasterslick
freezemasterslick - 26.04.2021 18:49

Awesome vid Dude! You saved my life!!!

Ответить