hacer previsualización de imagenes redimensionadas antes de guardar en el sevidor

[marcosw]

Hola, espero puedan ayudarme.

Quiero hacer un formulario que me permita abrir imagenes y me las muestre, redimensionadas, en la pagina sin recargar, antes de enviarlas a guardar al servidor.

Ya se como enviar archivos y como redimensionar imagenes. No requiero el codigo, lo que requiero es el como debo hacerse, los pasos que debo seguir.

Lo que quiero que suceda es lo siguiente:
1. el usuario va al input para buscar el archivo de imagen, lo encuentra y lo abre.
2. hay un boton insertar que hace que se cree una fila con una muestra del archivo de imagen con su nuevo peso en kb producto de su redimensionamiento.
3. hay un boton de guardar o enviar para subir el archivo o lista de archivos de imagenes abiertos.

Lo que no se es como logra ese "efecto", espero sea comprensible lo que requiero.

Gracias desde ya por sus sugerencias