Uploading Image with Angular and Firebase Storage: Angular Image Cropper Part 2

[@Code_Prince]

Thanks, I'm new to Angular and confused with Angular 17, can you show me how to create the upload image function as a service

[@ZoaibKhan]

Create a service with Ng g service, copy the code there including the inject. And it should work fine.
I've used this pattern in my Angular sign up with firebase series, so you can also refer to that.

[@KuyaGit]

Can you make this in aws s3 bucket?

[@ZoaibKhan]

I've not worked with it myself, but I believe you can do this with any storage service

[@KuyaGit]

@@ZoaibKhan Thanks collab soon.🥰 I already did.☺️

[@99blackbelt]

Always a bad idea to put functions in the html. Big performance hit..

[@ZoaibKhan]

It's a signal, not a function :)

[@99blackbelt]

You have components. Use them. Don’t put the html in the template of the TS file.

[@ZoaibKhan]

Thanks for your comment! I prefer using single file components (SFCs) and keeping my components small for various reasons.