Taking a photo using the camera plugin

In this section, you will make an app to take a picture using the device camera or load an existing picture from the device album. The picture could be either in the Base64 format or saved in a local filesystem relating to your app. The following is a screenshot of the app:

Here is the high-level process:

1. Access the Cordova camera plugin to trigger camera capture and get the image back in the Base64 or URI format
2. Parse the Base64 data or URI on an <img> DOM object
3. Display the URI if it's in the URI format
4. Capture an event of a toggle component
5. Display long data (for example, URI) using a horizontal scroll

Getting ready

You should have a physical device ready in order to...