Shrink selected file client-side before uploading

Upload a large picture and it'll be shrunk before uploading - you'll see the difference on the next page.

Max width in pixels:

Max height in pixels:

Image preview
grab this code or pull from github


The code sometimes gets ahead of itself and you'll notice an alert indicating you need to start over - obviously still a bug - code is on github if you'd care to help fix it!

Note 2

Currently this only works on FF3 and Chrome - again, github exists if you can help fix this for more browsers and/or degrade gracefully

Note 3

If it doesn't work the first time, keep hitting the 'upload' button.

Note 4

Read my blog, listen to my podcast, come to my web freelancer conference or read my javascript journal or groovy journal. :)