Tutorial de la cámara API Phonegap

Si usted es un ingeniero de software que buscan construir una aplicación móvil, es posible que desee considerar el marco Phonegap. Basado en HTML 5, la ventaja clave de la programación de una aplicación que utiliza la interfaz de programación de aplicaciones de cámara de Phonegap, o API, es su compatibilidad cruzada. Si se desarrolla una aplicación utilizando un lenguaje propietario, sus usuarios están limitados al uso de dispositivos que son capaces de leer ese idioma. Sin embargo, con Phonegap, sus aplicaciones se pueden utilizar a través de una serie de dispositivos móviles como Android, iOS, Blackberry OS, WebOS y Symbian. Puede utilizar la API de la cámara del Phonegap para construir una función de carga de imágenes.

Instrucciones

1 Abra la aplicación de edición de texto y crear un documento en blanco en el que va a programar la función que va a tomar una fotografía con la cámara del dispositivo y pedir al usuario que subirlo. Utilice un editor de programación específica de texto o un editor de texto básico como Bloc de notas, en Microsoft Windows o TextEdit, en Mac OS X, que son gratuitos y están equipadas con los sistemas operativos respectivos.

2 Definir la función que se utilizará para tomar la imagen y definir el origen de la imagen, que en este caso es la cámara del dispositivo, mediante el uso de las siguientes líneas de código. Tenga en cuenta que el "0" al lado de la primera "PictureSourceType" indica que la imagen no va a venir de la biblioteca a bordo del dispositivo de imágenes existentes.

PictureSourceType función () {};
PictureSourceType.Photo_Library = 0;
PictureSourceType.Camera = 1;

3 Especificar qué debe ocurrir con la imagen una vez que se toma mediante el uso de la función GetPicture de la API. El código siguiente especifica que la imagen se guardará en una calidad de 8 (de 10, que es el más alto) y que el usuario va a realizar una acción una vez que con éxito ha sido capturado por la cámara - en este caso, se usará subir la imagen.

función GetPicture (cámara)
{
var options = {calidad: 8};
}
{
navigator.camera.getPicture (getPicture_Success, null, options);
};

4 Preguntar al usuario para cargar la imagen después de que haya sido tomada utilizando el siguiente código. Vuelva a colocar la URL después de "APIPath +" en el siguiente ejemplo con la ruta URL que la aplicación utilizará para almacenar los archivos subidos.

getPicture_Success función
{
var = feedURL APIPath + "fotos / carga /";
$ .post (FeedURL);
}

5 Guardar el código que ha creado en este tutorial y pegarlo en el lugar apropiado del código de su aplicación PhoneGap para añadir una característica que aprovecha la API de la cámara del marco.