Abrir la cámara de un dispositivo móvil desde un formulario web

Para los que desarrollamos aplicaciones web que sean compatibles con en dispositivos móviles tanto como en los escritorios nos preocupamos porque la aplicación trabaje lo mas natural posible.

Gracias a mi amigo Rodolfo que me mostró la forma que como tener un input file en un formulario web y que este levante la camara del teléfono para hacer la captura directamete desde ahí.

De hecho no hay que hacerle mayor cosa a la etiqueta input en html más que agregarle el parámetro capture de la siguiente forma:

Al agregar accept estamos estableciendo que solo queremos imágenes en ese input y con capture le indicamos que la captura la haga desde la cámara. Por otro lado si queremos seleccionar la fuente de la imágen ya sea desde la cámara o desde la galería lo dejamos así:

Screenshot_2016-02-16-10-29-36

Screenshot_2016-02-16-10-29-45

Porsupuesto esto solo funciona desde los navegadores de los dispositivól móviles, en el escritorio funcionara como un input cualquiera en donde tenes que buscar la ruta de la imágen.

Código completo para copiar y pegar:

 

Tags:

Deja un comentario