resize image client side before upload javascript

Plus it requires Java to be installed in the first place, so something Java Script-based, using browser features like canvas if they're available seems ideal, with fallback to simply uploading the large file and letting the server resize the image. I have used a Java applet in the past primarily to handle huge files, but that also had some client-side image manipulation built-in, but Java is such a security issue nowadays it's unbelievable. My question, because I just don't have time right now (lame excuse, but I've got a lot on and this may be of interest to you guys anyway), is whether anyone else has tried this particular set of scripts out, or if the image manipulation gurus amongst us (I'm looking at you Horst ) have considered something like this (canvas to blob conversion on-the-fly before upload seems to be what's happening here) or whether something like that seems simply too volatile - I imagine on huge images it could consume a lot of memory on the person's PC, which is still quicker as a smaller file is uploaded, but may have other side-effects. Well this might just be the answer: - which is part of a larger library: But wouldn't it be nice to have something that does it automatically?

I've tried a few PC-based tools to make like easier for clients - some in Windows are part of the right-click menu even, so they just need to remember to right-click and resize. Or, worse, it times out because you didn't give PHP enough memory or increase the max execution time. You know the scenario - someone shoots a bunch of images with their 21 megapixel camera, tries to upload them not thinking about file sizes and the page hangs for ages whilst the image is resized.

This is a topic I check out every now and again because, especially on photo-heavy websites, some 'seamless' way of resizing images before they are uploaded is something I've always wanted.

Resize image client side before upload javascript