I have been searching the web all morning to find a way of doing this, but to no avail....

I have a client (not very computer literate) who wants to upload images to her site. I know that if I do server-side resize, she will try to upload huge images and use all her bandwidth/kill the system.

So I need an automated way of resizing the image BEFORE upload.

Can I do this with javascript? or does anyone know another way (all I can find is php/asp which is obviously server-side)

I do not want a tool she has to download onto her PC - I want a script that I can include from my code and do the resizing automatically without the user even knowing...

Can anyone suggest how I can do this? (It can be IE specific, it does not have to be generic)

Many thanks

as far as i know javascript has no image rezising/drawing/etc capabilities ... you would still need something else on the clients computer to get it done.

as i said ... as far as i know...

unfortunately, without installing software on your client's machine
any script you run can only manipulate your image once it's on your server as that is where your script lives. it's physically impossible.

bummer dude.

if you set up her machine with IIS you might be able to do it using her machine as a server. but it's probably easier to send her something like photoshop elements on CD.

The best you can do with JavaScript is probably setting a limit to the image dimensions. If it's too big you can cancel the upload and show a helpful error message.

Yep, there's no real way to resize or change the quality of the image to upload using javascript. You could do things like blocking .bmp files, but that could only help so much...

I know this is a very very old thread, but I figured since it came up in search results others would find this. Since there was no answer (and probably no other good solution other than a Java applet at the time), I figured I'd provide an answer.

To anyone looking to resize an image before uploading there are now great options. In fact, it actually did take several years before a good solution was possible. It was only with the recent version of Flash did this become feasible.

Agile Uploader
www shift8creative.com/projects/agile-uploader/index.html

It will let you resize images (client side) before uploading to your server. This can eliminate the need for things like GD library and such (many cases not all)...but more importantly save you TONS of money on your hosting costs while at the same time accomplishing the goal of the initial post here...That is, any person that can attach an image can upload the image. One need not know how to scale the image in another program on their computer and save it down for web use.

You can even attach the image right off the camera's memory card. It's a great solution and there's only a few tools like this out there right now. Agile Uploader has some great features that others don't.