Como hacer un preview de una imagen antes de subirla con un input file de un form

[javsoft]

Hola

el ejemplo que presenta caricatos en su website

http://www.caricatos.net/articulos/prever.php

esta excelente, pero por ejemplo a mi no me interesa que rebice ancho y alto y nada de lo demas solo me interesa que la previsualice para que el usuario pueda ver la imagen que esta subiendo.

arriba dejo el enlace de la website.

[caricatos]

Hola:

A ver si te puedo ayudar, en principio lo que se hace es enviar todo el formulario al iframe, entonces hay que cambiar el action para que sea a una página que pueda visualizar la imagen, y también hay que cambiar del formulario el target para que apunte al iframe, o sea que el botón la rutina que debes poner en el onchange del input file debes cambiar esos valores, enviar el formulario y restaurarlos luego...

<input type="file" onchange="preview(this.form)" name="imagen" />

y el preview sería así:

function preview(f) {
with(f) {
action = "previsor.php"; // la página que recibe el formulario
target = "ver"; // el iframe debe definirse así: <iframe name="visor"...
submit();
action = "envio.php"; // el action original
target = ""; // el target original;
}
}

Antes de seguir cuéntanos si va bien, y sobre todo si tienes php, porque es el lenguaje que se usa en el servidor... de otra manera tendríamos que ayudarnos de algún especialista del lenguaje que tengas...
Otras cosas del formulario es que deben tener el método post y enctype="multipart/form-data"

De todos modos, los códigos de previsor.php y previendo.php son en el artículo exactamente los que se usan en el ejemplo, pero con gestión de errores, que sería lo que tendrías que borrar.

Dinos si lo vas entendiendo y en donde te trabas.

Saludos