Maximum Mobility: Listing 2.

JavaScript file for camera interaction.

var pictureSource;   // Picture source
var destinationType; // Sets the format of returned value 

// Wait for PhoneGap to connect with the device
document.addEventListener("deviceready", onDeviceReady, false);

// PhoneGap is ready to be used!
function onDeviceReady() {
  pictureSource =;
  destinationType =;

// Called when a photo is successfully retrieved
function onPhotoDataSuccess(imageData) {
  var capturedPhoto = document.getElementById('capturedPhoto'); = 'block';
  capturedPhoto.src = imageData;
  navigator.notification.alert("Picture Successfully Captured!");    

// Called when a photo is successfully retrieved
function onPhotoURISuccess(imageURI) {
  var selectedFromPhotoLibrary = document.getElementById('selectedFromPhotoLibrary'); = 'block';
  selectedFromPhotoLibrary.src = imageURI;
  navigator.notification.alert("Picture Imported Captured!");

function capturePhoto() {
  // Take picture using device camera and retrieve image, onFail, { quality: 50 });

// A button will call this function
function getPhoto(source) {
  // Retrieve image file location from specified source, onFail, { quality: 50,
    destinationType: destinationType.FILE_URI,
    sourceType: source
// Error Handling
function onFail(message) {
    alert('Failed because: ' + message);

About the Author

Michael Crump is a product manager that works at Microsoft on the Azure platform. He is a is a developer, blogger and speaker of topics relating to cloud development. He’s passionate about helping developers understand the benefits of the cloud in a no-nonsense way. You can reach him on Twitter at mbcrump or by following his blog at

comments powered by Disqus


.NET Insight

Sign up for our newsletter.

Terms and Privacy Policy consent

I agree to this site's Privacy Policy.

Upcoming Events