AJAX upload

[Adolfiten]

Estoy haciendo un formulario para envío de fotos. Tengo 2 formularios que simulan ser uno solo, uno contiene el campo 'file' y el otro el resto.

En el evento onblur del campo 'file' llamo a una función de javascript que valida que no esté vacío y luego envía el formulario. El target del formulario es un iframe contenido en el documento. En ese iframe arrojo 2 tipos de resultados según la situación, si el upload se hizo correctamente coloco el nombre que el servidor le asignó al fichero, y si no se logró completar la operación, escribo "ERROR".

Ahora bien, yo quiero saber cuándo se termina de subir la foto y así poder ponerla en forma de miniatura a un lado del formulario y así poder dar de alta el resto de los datos. ¿Cómo puedo hacer para conocer que se terminó de subir al servidor?, estuve pensando y mi idea era evaluar el contenido del iframe, con algún evento onChange en el body del iframe para que dispare la función que coloca la miniatura o bien un mensaje de error si es que no se pudo subir, pero no he logrado hacerlo.

¿Alguna idea?

[David]

Si entendí bien, el formulario se envía dentro del iframe para enviar el archivo.

En ese caso puedes usar el evento onload de la página (se ejecuta cuando se termina de cargar, en este caso, se ejecutará cuando termine de enviar el formulario) y en ese evento compruebas el contenido del iframe para saber si hubo un error o si cargó correctamente.

[Panino5001]

Del lado del servidor, al finalizar el upload podés hacer que se escriba un script que haga algo en la página principal. Ejemplo:

Código PHP:

  <?php
    if($upload=='ok'){
        echo '
        <script>
        top.document.body.innerHTML+="<img src=&quot;'.$imagen.'&quot; />";
        </script>';
    }
?>   

[Adolfiten]

La idea del script está buena, ¿cómo puedo hacer para acceder al documento principal para poder escribir un div determinado?

Me explico, en el php escribo un script que cambie el contenido de un div de la página que contiene el iframe y con el evento onchange llamo a la función js y que haga lo que tenga que hacer...

Con top.document..... no llego.

[Adolfiten]

Iniciado por Adolfiten

La idea del script está buena, ¿cómo puedo hacer para acceder al documento principal para poder escribir un div determinado?

Me explico, en el php escribo un script que cambie el contenido de un div de la página que contiene el iframe y con el evento onchange llamo a la función js y que haga lo que tenga que hacer...

Con top.document..... no llego.

Esto es a lo que me refiero para ser más detallados:

top.document.body.getElementById('id_box_que_busco ').innerHTML='LALALA';

No me cambia el contenido del div.

[David]

¿Evento onchange de qué? .

Con top.document no deberías tener problemas en acceder a la página que contiene el iframe.

EDITO: Sin body, sin body

[Adolfiten]

1-Desde el php escribo el script.
2-El script se ejecuta y me cambia el contenido de un div, llamémosle "respuesta".
3-Se dispara el evento onchange del div "respuesta" y me invoca una función de javascript.
4-La función toma el nuevo valor de respuesta y actúa en consecuencia.

¿Se entiende?

[David]

El div no tiene evento onchange (o por lo menos, aunque lo tuviere, no es estándar)

[Adolfiten]

Buen dato. Entonces voy a usar un input huérfano del tipo hidden.

[David]

Yo sigo pensando que es más fácil de implementar usando el evento onload del iframe.

O, también, directamente desde el iframe puedes ejecutar funciones que están en la página padre (están en el objeto window):

Código javascript:

top.window.funcion(param, param, param);
 

[Adolfiten]

La verdad que sí, es más fácil y limpio. Voy a tratar de implementar esa idea.

Probé y con un "onload='javascript:funcionblabla()" llamo y evalúo contenidos. 10pts.

Gracias David! Ahora me falta solucionar el tema acentos que me tiene podrido, nada más!

[caricatos]

Hola:

Evidentemente he llegado tarde a responder este tema, pero en este artículo: Revisar las imágenes antes de subirlas se explica como hacer lo que quieres, y hay un formulariode ejemplo, pero hice después otro: Formulario (chequeo de imágenes) con un relojito de arena mientras la imagen se carga... el evento del campo file más adecuado creo que es (on)change, y para las cargas, el load del iframe...

Saludos