Subir imagen redimensionandola des de el lado del cliente

Hola buenas, tengo un problemilla como no...

Quiero subir una imagen al servidor pero re-dimensionandola de tamaño desde el cliente (para que pese menos y sea mas rapida la subida).

Hasta ahora lo he estado haciendo con "plupload" que cumple con su cometido pero es muy complicado y tiene demasiadas cosas que no utilizo. Y a la hora de automatizarlo con un formulario que se llena al mismo momento de subir la imagen me da problemas...
Plupload por si no lo conocéis funciona con un javascript (para re-dimensionar) y un .php (para subirla). No se si habrá algo parecido pero mas basico. Solo re-dimensionar y subir una sola imagen.

Quiero algo sencillo y que sea capaz de entender el codigo entero para modificarlo y adaptarlo

Gracias

Hola,
mira este código JQuery a ver si te vale:

Código PHP :

jQuery(document).ready(function(){
jQuery('.content img.imagefield').each(function(){
var width = jQuery(this).width();
var new_width = 680; //nuevo tamaño
if (width > new_width){
var height = jQuery(this).height();
var calculo = Math.round((100*new_width)/ width); //porcentaje
var new_height = Math.round((height*calculo)/100);
jQuery(this).css( {
width : new_width+'px',
height : new_height+'px'
} );
}
});
});

Un saludo,
David
diseño grafico madrid

conectart escribió:

Hola conectart, me estoy mirando tu código pero no se como aplicarlo.
Podrías ponerme un ejemplo?
Y si me puedes explicar lo que hace.
Muchas gracias y perdona las molestias

para las imágenes que sean de la clase .content, las redimensiona. Es lo que hace este script.
Un saludo
David

conectart escribió:

Y como hago que la imagen sea de clase .content? Yo tengo un formulario con un campo file y des de alli inserto la imagen, como se puede hacer que una vez insertada sea de clase .content?