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

[pateketrueke]

necesitas alguna librería de Ajax, ya que estos son los pasos...


- envías la FORM que contiene el archivo, sin recargar por POST usando Ajax, y esperas la respuesta

- el script que recibe este POST via Ajax, recupera la imagen, la modifica y la guarda temporalmente para después regresar una respuesta al Ajax inicial con la ruta de esta imagen

- desde la misma pagina, con Javascript recuperas esta información siempre y cuando este correcta y la utilizas para mostrar la imagen usando el DOM

quizá, es muy fácil pensarlo.... pero no es tan complejo como se cree.... siempre y cuando usemos algún framework de Javascript como jQuery esto es muy sencillo... suerte!

PDTA: cualquier cosa me avisas, me gustaría seguir con este tema....

[DarkJ]

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.

Con PHP es imposible, PHP se ejecuta en el servidor, asi que para que php modifique la imagen debe subirse al servidor.

La solucion AJAX de pateketrueke tambien implica subir la imagen al servidor. Puede disimular un poco el proceso, pero si quieres previsualizar el redimensionado de una imagen de 1 mega, ese mega tiene que subirse al servidor (como pasa al adjuntar ficheros en GMail).