Hola amigos, de nuevo yo. Encontre la solucion a mi problema de previsualizacion de imagenes antes de cargarla al servidor, pero el problema ahora es que en mi codigo se crea un directorio temporal y cada vez que el usuario selecciona una imagen se realiza una copia en la carpeta temporal.
Este es el codigo:
1. Funcion Javascript para setear la imagen y el objeto file que selecciona mi archivo:
Código HTML:
<head>
function setpreview()
{
document.form1.target='null';
document.form1.action='uploader.php';
document.form1.submit();
}
</head>
<form name form = "1" method = "POST">
<img src="imagenesusuario/usuario.png" id="picture" alt="vista previa" height="128" width="128"/>
<input name="foto" id="foto" type="file" size="35" onChange="setpreview()"/>
</form> 2. codigo en el archivo uploader.php:
<?php
$carpeta="tmp/";
$name=$carpeta.basename($_FILES['foto']['name']);
move_uploaded_file($_FILES['foto']['tmp_name'],$name);
?>
<script type="text/javascript">
parent.document.getElementById('picture').src='<?p hp echo $name; ?>';
</script>
Entonces quisiera saber como hago para que cuando el usuario ya se decidio por la imagen o bien cancelo el envio del formulario la carpeta tmp quede vacia!!! todos sabemos que es un gran error dejar que el usuario escoja las imagenes que quiera y queden subidos esos archivos en el servidor, no me quiero imaginar si son millones de conexiones de usuarios al tiempo subiendo fotos al servidor!!!!