Advanced Search

Accessing the Device Photo Gallery with PhoneGap

/ Published in: JavaScript
Save to your folder(s)

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. $( '#roll' ).bind( 'touchstart', function() {
  2.   $( this ).attr( 'src', 'assets/roll.down.png' );
  3.  
  4.   navigator.camera.getPicture( function( data ) {
  5.     $( '#photo' )
  6.       .attr( 'src', 'data:image/jpeg;base64,' + data )
  7.       .css( 'visibility', 'visible' );
  8.  
  9.     $( '#roll' ).attr( 'src', 'assets/roll.up.png' );        
  10.   }, function( error ) {
  11.     console.log( 'Error' );
  12.   }, {
  13.     destinationType: Camera.DestinationType.DATA_URL,
  14.     sourceType: Camera.PictureSourceType.PHOTOLIBRARY,
  15.     allowEdit: false,
  16.     targetWidth: 260,
  17.     targetHeight: 435,
  18.     mediaType: Camera.MediaType.PICTURE
  19.   } );    
  20. } );

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.