Ver Mensaje Individual
  #1 (permalink)  
Antiguo 19/04/2013, 09:39
Avatar de morfasto
morfasto
 
Fecha de Ingreso: julio-2011
Ubicación: Lima
Mensajes: 291
Antigüedad: 12 años, 9 meses
Puntos: 8
Form dentro de Form

Hola, que tal?

Estoy con un problema que no he podido solucionar! Les cuento que es lo que sucede.

Tengo un formulario en el que se sube una imagen. Esta imagen, ni bien se seleccion por medio del input file, la idea es que se muestre un preview. Encontre miles de codigos para poder mostrarla sin tener que subirla por medio de files[] pero IE no lo soporta y necesito que funcione en todos los exploradores.

Como no se puede hacer para que funcione asi en IE, se me ocurrio que tal vez se pueda hacer con AJAX, que ni bien cambie el input file, se ejecute una funcion que haga el upload de la foto y que refresque un div y lo muestre ahi.

El problema es que para que funcione el AJAX para poder subir la imagen, se tiene que hacer submit al formulario. Para lo que he tenido que poner un formulario dentro de otro. Yo se que asi no se debe de hacer y que no funciona en realidad. Entonces nose como solucionar ese problema.

Asi mas o menos es la estructura.

<form>
<input type="text" name="nombre">
<form>
<input type="file" name="imagen">
</form>
<div id="preview"></div>
<input type="file" name="documento">
<input type="submit">
</form>

Si tienen alguna idea, avisenme porfas!

Muchas gracias!

Saludos!