Ver Mensaje Individual
  #2 (permalink)  
Antiguo 07/02/2008, 11:32
Avatar de caricatos
caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 10 meses
Puntos: 1284
Re: Como hacer un preview de una imagen antes de subirla con un input file de un form

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
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo