How to upload Image to Cloudinary Node JS | Cloudinary image upload node js| Subject Key

5 лет назад

16,080 Просмотров

Hello and welcome back to our series on Node JS tutorials. In our, last video we talked about uploading a file or multiple files using express-upload. Today, we'll go over how to upload image to cloudinary.

At this point, many of you wondering what is cloudinary? Cloudinary is a cloud service that offers a solution to a web application's entire image management pipeline.

Try it right away, the signup link is-

~----~----------------~------------------~---------------~-----------------------~
https://cloudinary.com/users/register/free
~----~----------------~------------------~---------------~-----------------------~

Signup for the free account so that you can try uploading images.

To install coudinary. Simply run the command-

npm i cloudinary

Once installed, set the cloud_name, api_key and api_secret parameters. Pass them in cloudinary config method. Take out there values from cloudinary portal.
Now, open the editor-

Require the cloudinary library:

var cloudinary = require('cloudinary');

Inside the POST method we will write the logic to upload the file. But before that we'll o one more configuration. We'll set the useTempFiles true for express-fileupload. Setting it true means Images will be first uploade to system's temp folder. So, we have set bothe the configuration. Now, call upload method of cloudinary uploader, as follow-

cloudinary.uploader.upload(tempFilePath, callback)

It has two parameters, temp file path and the callback. Callback has againn two parameters- err and result. err has some value if there is some problem while uploading the image. result has some value and error is null, if the image is uploaded successfully.

Thank you for listening!
--
Please like my social media page:
https://www.facebook.com/saigraceschool
https://twitter.com/saigraceschool
https://www.instagram.com/saigraceschool
https://www.youtube.com/c/renurawat?sub_confirmation=1

To Get Regular Content Updates-
https://www.youtube.com/c/renurawat?sub_confirmation=1

--
#RenuRawat #api #cloudinary #nodejs

Тэги:

#cloudinary_image_upload_node_js #How_to_upload_Image_to_Cloudinary_Node_JS #cloudinary_image_upload #cloudinary_tutorial #cloudinary_image_manipulation #cloudinary_image_upload_using_javascript #cloudinary_upload #cloudinary_image_upload_angular #cloudinary_image_upload_react #cloudinary_image_upload_php #cloudinary_node_js_tutorial #cloudinary_node_js #cloudinary_node_js_example #node_js_cloudinary #cloudinary_nodejs #image_upload_cloudinary #express-fileupload_node #Cloudinary

Скачать видео

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

@RenuRawat - 26.05.2019 16:44

Hello everyone, This video teaches how to upload Image to Cloudinary Node JS. Please check it!

Ответить

@aaloktanwar269 - 24.07.2022 16:25

Can we delete tmp folder , which gets created on image upload ?

Ответить

@phoenixboy7337 - 19.06.2022 22:31

thank you

Ответить

@almanduku9043 - 12.09.2021 16:09

Veryy thanks brother 👍🏻👍🏻👍🏻👍🏻

Ответить

@puneetsingh9678 - 29.07.2021 23:22

Awesome tutorial just one question. After uploading to cloudinary how to get rid of the temporary files that get created and stored in the temp folder?

Ответить

@cherifbarry9107 - 09.07.2021 19:57

If you see this comment, let me tell you that you are really a life safer. I struggle for finding a solution to solve my issue concerning the file deletion on heroku. This is the very easiest way which saved me. Thank you again and again

Ответить

@thenoobcoders618 - 27.06.2021 23:44

Thanks after 3 hrs of research now it's working thank you

Ответить

@joelmoreira1546 - 07.06.2021 02:19

Thanks you so much! this helped me a lot, new sub :)

Ответить

@mubeensheikh9909 - 10.03.2021 19:57

thank you soo much sir i am luckey I found this video l would have saved me hours of time. This is the best ..

Ответить

@JoseDiaz-ro2ul - 10.02.2021 05:26

Thank you so much for this!! I have spent too much time looking for something that works on Heroku

Ответить

@gabrielnyarkoh7794 - 15.01.2021 05:30

Exactly what I was looking for. Thank you very much. You're a life-saver.

Ответить

@kartikjaiswal8923 - 26.12.2020 22:43

thanx worked for me !

Ответить

@ramkinkar6364 - 27.10.2020 21:45

Thanks For video. Can we create private URL of image that should not open directly on the browser.

Ответить

@gargystechlaboratory - 09.10.2020 02:53

I love you man, took me an entire day to figure it out, and then I ran into your video. Thank you!

Ответить

@tuankieno2761 - 21.09.2020 18:35

thank you

Ответить

@himanshutariyal7648 - 04.09.2020 17:42

Bro Your api secret is no longer a secret

Ответить

@blackcubes - 23.08.2020 05:35

Beautiful and simply explained. The other videos that I have seen were good, but I like this one the best as it is straight to the point with great explanation when dealing with the Server-Side. The Client-Side like Angular, React, or vanilla JS should be implemented later, in my opinion. Thank you for your hard work and this excellent video! 😃

Ответить

@euphydev - 30.07.2020 07:47

is this ok for laravel project?

Ответить

@euphydev - 30.07.2020 07:39

is cloudinary free?

Ответить

@ritikpal9835 - 27.07.2020 20:03

Thank you very much this video really helped me.

Ответить

@anuragsrivastava6598 - 13.07.2020 18:08

I was trying jpegmini add on but due to some reason it isn't working

Ответить

@shadabanwar2101 - 11.07.2020 13:46

Please make a tutorial on react component to PDF in a straight forward way like you taught in this video. It was really helpful... <3

Ответить

@yevheniimoskalenko1624 - 30.06.2020 16:59

cool

Ответить

@emmanuelo2566 - 30.06.2020 12:19

So i have never left comment on any video before! I have been battling with uploading to cloudinary for some days now, i ignored this video because i felt it was too short to solve my problem. Tried many tutorial videos mehnnn! This is the best video there is. THANK YOU!! It's a lot easier than i thought!!! A huge help!!

Ответить

@panelfbs6994 - 28.05.2020 00:35

EXCELENTE VIDEO GRACIAS!!!!

Ответить

@sivakrishna0140 - 19.05.2020 21:52

thank u, bro, it is very helpful for me

Ответить

@MrHiphopparadise - 04.05.2020 01:56

Amazing tutorial my friend, Very helpful! Thanks a lot

Ответить

@MaxJacobson1 - 02.03.2020 05:38

Thank-you! This is the only tutorial that worked for me. It's a lot more simple than I had previously thought!

Ответить

@muhammadwaleed9727 - 23.02.2020 19:42

Great tutorial keep it up.

Ответить

@back2you29 - 30.11.2019 02:10

Nice video and thanks ! , one question ... how can i destroy a file with cloudinary? something like this cloudinary.uploader.destroy

Ответить

@ricardsteilis3181 - 15.11.2019 16:05

Thanks for the video! How can I upload multiple files at once?

Ответить

@gimonchik - 06.11.2019 15:14

Hello, can you help me with issue? I did everything like you, but I have error: "TypeError [ERR_UNESCAPED_CHARACTERS]: Request path contains unescaped characters". This error in upload method

Ответить

@SpectreArts - 30.10.2019 20:14

thank you so much , wish I had found this video first.l would have saved me hours of time. This is the best ..

Ответить

@AdrienFloor - 20.10.2019 12:00

Thank you so much, I spent hours trying to make this work ... I've seen many tutorials but this appears to be the only solution that works for me, so thanks again !!

Ответить