Al enviar el formulario al iframe sustituyo el input file por el mismo pero disable y una imagen de cargando.... lo que necesito es que cuando la imagen aya sido cargada al servidor me vuelva a mostrar el input type file normal y sin la imagen de cargando... y a su ves que me refresque un div en el que muestro las imagenes subidas... pero el problema que tengo esque cuando subo las imagenes intento inprimir codigo javascript para cambiar el contenido de un div y no me lo ejecuta nose porque... si algien tiene alguna idea seria de agradecer su opinion!! muchas gracias! aqui os dejo el codigo de ejemplo!...
Funcion de enviar
Código PHP:
function uploadFile()
{ uploaderId = "img";
document.getElementById('formfile').submit();
document.getElementById(uploaderId).innerHTML = "<input name='file' type='file' value='' disabled /><input type='button' value='Enviar' onClick='uploadFile('img')' disabled /><img src='cargando.gif'>";
}
Formulario de envio en el cual se encuentra el div "img" al que quiero sustituir que en la funcion de envio se sustituye! pero no logro sustituirlo al finalizar la carga del archivo...
Código PHP:
</script>
<form id="formfile" method="post" enctype="multipart/form-data" action="imageupload.php" target="iframe1">
<input type="hidden" name="id" value="1" />
<div id="img" style="font-family:verdana;font-size:10;">
<input type="hidden" name="id_img" value="<?php echo $id_img?>" />
<input name="file" type="file" value="" />
<input type="button" value="Enviar" onClick="uploadFile('img')"/>
</div>
<iframe name="iframe1" style="display:none"></iframe>
</form>
Carga de archivo al servidor! funciona correctamente execto a la ora de sustituir el contenido del div o mostrar el alert...
Código PHP:
<?php
session_start();
// Copia el archivo temporal al archivo en el server
// en $dir se especifica directorio de escritura.
$dir = 'archs/';
if (isset($_POST['id']))
{ $ext = strrchr($_FILES['file']['name'],'.');
$name_remoto = $_POST['id'].'-'.$_POST['id_img'].$ext;
if(move_uploaded_file($_FILES['file']['tmp_name'], $dir.$name_remoto))
{ $_SESSION['num_img'] = $_POST['id_img'];
?>
<script languaje='text/javascript'>
document.getElementById('img').innerHTML = "<input name='file' type='file' value='' /><input type='button' value='Enviar' onClick='uploadFile('img')' />";
alert('archivo subido');
</script>
<?php
}
else
{?>
<script languaje='text/javascript'>
document.getElementById('img').innerHTML = "Error al subir el archivos";
alert('error al subir el archivo');
</script>";
<?php
}
}
?>
Espero buestra opinion y muchas gracias de antemano!!