Como ver foto antes de guardar

[fedefrankk]

Buenas a todos y FELIZ 2012.!!.!

Tengo una pequeña duda, hago un formulario y subo una imagen, y guardo tdo con un solo boton, a la hora de subir la imagen se puede previsualizar antes de gusrdar?.. acá dejo mi codigo del formulario

Código HTML:

<form  enctype="multipart/form-data" action="grabaB1.php" method="post">
DNI: <input type="text" name="dni" /> <br />
APELLIDO Y NOMBRE: <input type="text" name="apellido" /> <br />
FOTO: <input type="file" name="foto" size="30"> <br />
<INPUT type="submit" name="submit" value="registrar">
</form>
 

aca lo que graba a mi base de datos

Código PHP:

<?
include ("config.php");
include ("conexion.php");
$dni=$_REQUEST['dni'];
$apellido=$_REQUEST['apellido'];
$online = conectar ();
 
$binario_nombre_temporal=$_FILES['foto']['tmp_name'] ;
$foto = addslashes(fread(fopen($binario_nombre_temporal, "rb"), filesize($binario_nombre_temporal)));
 
 
mysql_query("insert INTO  clientes (
dni,
apellido,
foto
)
 
values (
'$dni',
'$apellido',
'$foto')",
$online) or  die("Problemas en el select   ".mysql_error());
 
mysql_close($online);
echo "anda.!!!!.<br>";
?>
 

Muchas Gracias a todos .!!!!
sludos
fede

[memoadian]

si se puede, podrias mandarla a una página de preview que tenga integrados los datos ya en sesiones por ejemplo, asi cuando mandes al destino final solo pasas los datos de la sesión, y los guardas.

[Nemutagk]

se refiere a antes de subirla al servidor (mandar a procesar el formulario que sube la imagen), y si, se puede pero con javascript

Código HTML:

<input type="file" id="imagen" name="imagen" onchange="imagePreview()"/>
<img id="preview" src="" />
 

javascript:

Código Javascript:

function imagePreview() {
ruta = 'file:///' + document.getElementById("imagen").value;
document.getElementById("preview").src = ruta;
}
 

OJO, lo hice al vuelo, puede contener errores >.<, checalo, corrigelo si es necesario y adaptalo a tus necesidades

[caricatos]

Iniciado por Nemutagk

...
ruta = 'file:///' + document.getElementById("imagen").value;
...

Lo de usar el protocolo file: ya lo descartan todos los navegadores modernos por seguridad (a nadie le importa la url real en el cliente...)

... sobre usar sesiones, es una alternativa que yo también recomiendo: Revisar las imágenes antes de subirlas.

Saludos

[memoadian]

si en algun caso, se descarta esa imagen deberia haber una opcion que diga por jemplo abortar y asociarle una función que haga un unlink a la imagen y asi evitamos que se cree basura. sin tener que acceder al pc del usuario.

[fedefrankk]

Buenas a todos.!! gracias por contestar no he contestado a sus propuestas de codigo porque hace mas o menos una semana que no tengo internet,

Voy a empezar con los codigos, me gusta mas el tema de JavaScript voy por ese camino...

Muchas gracias por su tiempo

Saludos
Fede