Capturar fotos de cámara y álbum
Clase 38 de 57 • Curso de Ionic Avanzado 2017
Resumen
Antes que nada, vamos a nuestro archivo app.component.ts para cambiar el rootPage a LoginPage.
Vamos a acceder a la cámara de nuestro dispositivo gracias al plugin de Ionic para la Cámara, como podemos ver debemos correr dos comandos para su instalación:
ionic cordova plugin add cordova-plugin-camera
npm install –save-exact @ionic-native/camera
Una vez instalado, dentro de nuestro archivo app.module.ts en la parte de providers, añadiremos nuestro paquete de Camera.
En nuestra pantalla de Profile añadiremos dos botones que al darles click ejecutaran un método asíncrono el cual se encargara de tomar una foto ya sea de forma directa de la cámara o del álbum de fotos.
Para tomar una foto usaremos un método del objeto Camera llamado getPicture, el cual añadimos a los providers de la aplicación, este método recibe como parámetro unas opciones de configuración de la cámara las cuales crearemos a partir del objeto CameraOptions, entre sus opciones se encuentran:
- quality: recibe un valor del 0 al 100 indicando el porcentaje de calidad que quieras en tu fotografía, su valor por defecto es 50.
- targetWidth: recibe un valor numérico el cual representa la cantidad de pixeles que tendrá el ancho de la foto.
- targetHeight: al igual que targetWidth recibe un valor numérico, pero en este caso representa el alto de la foto.
- encodingType: es el formato en que se entregara la foto que tome la cámara.
- allowEdit: si el dispositivo tiene herramientas de edición en la cámara esta opción dejara que el usuario utilice dichas herramientas de edición o no.
- sourceType: establece la fuente de la imagen.