Vista previa de imagen antes de ser grabada

[isi_jca]

Hola Comunidad!!!

Tengo una tabla con una columna del tipo upload, ¿es posible hacer una vista previa de la imagen que se carga antes de ser enviada a la base de datos?.

Saludos cordiales.

[samuel bonill]

para que te hagas una idea, cuando un usuario pulsa en upload y selecciona un archivo o una imagen, la imagen es cargada primero en el navegador, lo que tienes que hacer con javascript, es  que cuando el usuario cargue la imagen cree una etiqueta img con la imagen correspondiente antes de enviarla a la base de datos...

--
Has recibido este mensaje porque estás suscrito al grupo "web2py-usuarios" de Grupos de Google.
Para anular la suscripción a este grupo y dejar de recibir sus mensajes, envía un correo electrónico a web2py-usuari...@googlegroups.com.
Para acceder a más opciones, visita https://groups.google.com/d/optout.

[Federico Ferraro]

Tenes que recurrir a javascript o html5 usando la api javascript : 

HTML5 : 

<script type="text/javascript">

    

function leerarchivobin() {

    var imagenAR = document.getElementById("imagenbinaria");

 if  (imagenAR.files.length != 0 && imagenAR.files[0].type.match(/image.*/)) {

     var lecimg = new FileReader();

     lecimg.onload = function(e) { 

         var img = document.getElementById("miimagen");

         img.src = e.target.result;

     } 

     lecimg.onerror = function(e) { 

         alert("Error leyendo la imagen!!");

     }

     lecimg.readAsDataURL(imagenAR.files[0]);

 } else {

     alert("Seleccione una imagen!!")

}

}

    

</script>

<input type="file" id="imagenbinaria" onchange="leerarchivobin()" />

<img id="miimagen"></img>

Slds ... 

--
--
Federico Ferraro
Usuario Linux : 482533.
--

[isi_jca]

Muchas gracias por vuestra respuesta fue de mucha utilidad.

Saludos!!!

[Aby Prz]

sin duda es de mucha ayuda tu respuesta solo tengo una pregunta que se esta indicando en esta linea de codigo  imagenAR.files[0].type.match(/image.*/))? disculpa es que soy novata