User Uploaded Images (Host For Free & Cloudinary Example Code)

Join my premium 2024 bootcamp here learnwebcode.teachable.com/p/...
Let's learn how to upload images to a free hosting service.
GitHub link for this video: github.com/LearnWebCode/cloud...
Follow me for updates on new videos or projects:
Instagram: / javaschiff
Twitter: / learnwebcode
Facebook: / brad-schiff-1542576316...
Twitch: / learnwebcode

[@raymondmichael4987]

I bet there's something wonderful boiling, I expect a massive course announcement. This was very informative Brad.

[@null_spacex]

Not using cloudinary but as soon as you mentioned saving the IDs in a database, that was all I needed :) thanks

[@veshalenramsamy1342]

Ten years later.... , and you`re still one of the best creators 🏆

[@suhailxeaser]

Ohh glad i found a video from you about cloudinary...now no more searching for other tutorials.

[@jpacs3738]

Thank you Brad for sharing, :) this is very helpful. You have great content always.

[@abdullaalfaiyaz1890]

Your wordpress course is amazing. And you are putting more contents to this course every year. it doesn't seem like you build that course a long time ago. With years the course is getting better and more mature. The way you covered industry standard practises with real life implementations and examples. The course shows how much you thought about all the examples. It would be great if you could create more courses like this.

[@LearnWebCode]

Thank you so much, that's one of the nicest comments I've ever read. I owe a lot of my career opportunities to WordPress so I plan on keeping that course updated for as long as possible. When the course first launched Gutenberg hadn't even been officially included in Core yet. Now we have not only Gutenberg, but block themes and the official WordPress scripts package on NPM and much more. Exciting times 🎉

[@abdullaalfaiyaz1890]

@@LearnWebCode in recent time i have applied to a company and they send me a sample task to do. Surprisingly enough you have covered that task as well in your course. I will definitely recommend this course to anybody who want to learn WordPress. Keep up the good work 🙂

[@imdtap1448]

@@LearnWebCode I’m currently half-way thru your Wordpress course. While it is impossible to remember everything going thru it once, I’d like to ask you Brad what kind of freelance work can I apply or bid for after completing it? I’ve listen to others say to not wait and just jump right in with basic set ups and customizations. The good thing so far is I’ve had some success with solving some problems on my own that Ive seen others had (with newer Wordpress updates) What are your thoughts? Thx in advance!

[@francisonu9873]

Great Tutorial. I learnt a lot from it, I really appreciate

[@kaifahmad4131]

Great content as always

[@catsbirds2233]

i always come back for the cat 😊

[@Fox_Gaming208]

What if the user uploaded image is copyrighted? What do it do?

[@golodiassaid4879]

Excellent tutorial, could you also do similar video how to upload the image to Cloudinary and rest of the text including public id of the image to database, for example text and image from rich text editor. How do we handle that?

[@JoelOladayo]

This is good. Thank you.

[@sandokan888]

would this be good for companies or do they use something else?

[@engineerdev4913]

Great video, what if I upload 10-20 images every 5 mins of 50-100 kb each. How many images I will be able to save. Also will it allow me to do that?

[@colbyfayock]

awesome example!

[@raymondmichael4987]

I wish you can cover graphql api with roles base authorization

[@lamandragora]

The same but with imgur, how could it be done?

[@fadlo1580]

how to upload to a specif folder in cloudinary ?

[@chiggywiggy524]

I love your cat! 💖

[@bendepio9509]

Does Cloudinary have CDN?

[@denchke]

This is great, thanks for sharing the info. I have concerns about performance of this technique. Isn't it a slower approach to download and show all those images from 3rd party host with all those roundtrips through network instead of the same host or is there a way to cache somehow?

[@LearnWebCode]

Hi, I'm not sure there's any real performance loss with this approach. A visitor's browser will cache the images regardless of whether the images live on our domain or Cloudinary's domain. It's similar to how all sorts of web pages load images from a separate CDN address / domain instead of necessarily the domain the web page itself is on.

[@denchke]

@@LearnWebCode Thanks for the answer, I had similar thoughts about that, because as you said, CDNs also work like this. The only thing that will matter is the speed from a client machine to Cloudinary servers, if they have the similar approach like popular CDN services with their datacenters around the globe, then it'll be okay I believe.

[@thi6944]

I like the pointer with height and width like yours. How can I get it? Thanks

[@LearnWebCode]

On Mac you can press CMD + Shift + 4 to start dragging / drawing a rectangle.

[@utsikko]

Thank you!

[@gitahinganga3136]

Brilliant!

[@gadgetboyplaysmc]

I always wanted to ask this but how many images can you store on cloudinary? Their website does not state any limits on storage, just "transformations" which I assume is just the size of an individual image. Does that mean that as long as I restrict uploading below the 10mb limit, I can basically upload images an infinite amount of times????

[@LearnWebCode]

I'm not sure, but I wonder if an upload counts as a transformation. Also, I think for every x number of gigabytes of bandwidth used that counts as 1 credit as well. But still, I think the free plan gives you a fair amount of monthly credits. I don't think there is a limit necessarily to the number of images you can host; I'd imagine as long as you aren't uploading 1kb images every millisecond purposely trying to DDOS their service they probably won't care.

[@LearnWebCode]

I forgot to add the obvious, I think every gigabyte of storage your collection uses counts as 1 monthly credit. But I was assuming you were asking if you're uploading tons of very small file sized images if there was a limit.

[@mohammedsayeed330]

Hey which software you use for screen recording ? Please share

[@LearnWebCode]

I use ScreenFlow. It's cheap (compared to other paid video editors) and has all the features I need. I wish it was cross-platform, but it's only on Mac. On Windows, I've heard good things about Camtasia but it costs a lot more. A free solution is to use OBS to record your screen and DaVinci Resolve as the video editor.

[@mikamanelka1326]

I'd instabuy a course including a good way of image upload. Maybe a MERN Blog Projekt with auth, users, ...

[@daweed7412]

ure the goat

[@szymonbytniewski2988]

Plan your something about Firebase?

[@marctysonclebert]

🤩

[@collab802]

Awesome

[@KnownTechnical]

❤️❤️❤️

[@gabrielrodriguez3665]

Is anybody having CORS issues when trying this?

[@digie3823]

are you able to fix it?

[@gabrielrodriguez3665]

@@digie3823 Yes. This was a while ago so if I remember correctly I had to add the entry 'body:petition' to my fetch api options object. I was programmatically submitting a FormData instance, that had user uploaded pictures via a form, to Cloudinary

[@gabrielrodriguez3665]

"petition" being the FormData reference ****

[@hydro6527]

Will all these (netlify,heroku,cloudariny,sanity)survive in the world of best technology companies.

[@Anony584]

Heroku will be around as long as Salesforce is alive

[@Visinho4ever]

This contained too much information that I lost track of what I wanted to hear. All I wanted to learn was "How to upload photos to Cloudinary!!!!!!!!!!!!🤦‍♂"

[@MrArlyo]

Thank you so much Brad for sharing, :) this is very helpful. You always have great content always.