How to upload images with JavaScript
Hi guys,
I'm trying to create a profile image upload function and I'm finding most answers online using some sort of php or server side code. Is there a serverless way to simply load up the image on the browser, downsize to perhaps a 200x200 image, then push it to Firebase Storage?
Trending on Indie Hackers
I'm assuming when you say serverless, you mean on the client side and not via lambdas or something along those lines. One method on the client is to convert the image to a canvas, perform the resizing, and then upload the result directly. Another option is to use something completely different like AWS S3's signed URLs which essentially provide you with a secure URL that you just upload to directly. A third, fully managed solution is to use something like Cloudinary which provides you with a URL similar to signed URLs in S3 but you can also add a bunch of parameters to it, like resizing, which will be done before the upload is complete.
Woo Cloudinary looks interesting! Will look into the docs and their courses. Thank you! Converting to canvas is something I haven't seen much about, do you have any tutorial links or advice on that?