Hola a todos, pues bien, tengo que hacer lo siguiente aunque sea muy enredado (y haya otra manera de hacerlo más fácil), agradezco vuestra ayuda.
Tengo un <div>, dentro de ese <div> hay un iframe, este iframe tiene un <form type="file" name="..." id="..." ...> que al momento de abrir el archivo que selecciona lo guarda en una carpeta del servidor de forma automática y te abre otro iframe, este otro iframe tiene otro <div> que se supone debería mostrar el archivo previamente cargado por el form del otro iframe. Pues no se como hacer esto, que el 2º iframe dentro de su código html me muestre la imagen que el 1º iframe con el form subió al servidor.
Mis códigos (lo relevante):
* Doc. HTML que contiene 1º iframe:
...
<div>
<iframe scrolling="no" src="upload_profile_photo.html"></iframe>
</div>
...
* upload_profile_photo.html:
...
<form id="form_upload_photo" enctype="multipart/form-data" name="frmMain" action="upload_image.php" method="post">
<input name="filUpload" id="filUpload" type="file" onchange="document.getElementById('form_upload_pho to').submit()">
*Este (filUpload) es el que selecciona la imagen del ordenador y la sube*
</form>
...
* upload_image.php:
...
<img id="imgAvatar" src="select_image.png">
Este src="..." debería mostrar la imagen subida con el form del iframe puesto arriba.
...
Alguna sugerencia, es algo tedioso así que tampoco espero que hagan el código
pero si me pueden recomendar algún manual, función o algo que estudiar para hacer lo de arriba se los agradeceré.