कॉर्डोवा का उपयोग कर मोबाइल की सभी गैलरी छवि कैसे प्राप्त करें?

Question

मैं कस्टम ग्रिड में दिखाने के लिए मोबाइल डिवाइस की पूरी गैलरी लाने के लिए चाहता हूं, क्या यह संभव है? अभी मैं $cordovaImagePicker का उपयोग कर रहा हूं जो मुझे गैलरी में रीडायरेक्ट कर रहा है और फिर छवि का चयन करने के बाद मुझे उस छवि का उरी मिल रहा है। इसके बजाय मैं पूरी गैलरी छवियों uri ऑटो चयनित चाहते हैं।

Controller

$scope.getImageFromGallery = function() { 
    // Image picker will load images according to these settings 
    var options = { 
     maximumImagesCount: 1, // Max number of selected images, I'm using only one for this example 
     width: 800, 
     height: 800, 
     quality: 80 // Higher is better 
    }; 

    $cordovaImagePicker.getPictures(options).then(function(results) { 
     // Loop through acquired images 
     for (var i = 0; i < results.length; i++) { 
      alert(results); 
      $scope.image = results[i]; 
      // Print image URI 
     } 
    }, function(error) { 
     console.log('Error: ' + JSON.stringify(error)); // In case of error 
    }); 
} 

Answer 1

यह करने के लिए सबसे आसान तरीका है, cordova-gallery-api प्लगइन का उपयोग करने के लिए निम्न उदाहरण का उल्लेख है:

galleryAPI.getAlbums(function(items) 
{ 
    var html = ""; 

    for(var i = 0; i < items.length; i++) 
    { 
     var album = items[i]; 

     html += '<a href="javascript:loadAlbum(\'' + album.title + '\')" class="album"><span>' + escape(album.title) + '</span></a>'; 
    } 

    $content.innerHTML = html; 

}, function(error){alert(error);}); 

window.loadAlbum = function(albumName) 
{ 
    galleryAPI.getMedia(albumName, function(items) 
    { 
     var html = ""; 

     for(var i = 0; i < items.length; i++) 
     { 
      var media = items[i]; 

      html += '<a href="javascript:void()" class="media"><img src="file://' + media.thumbnail + '" /></a>'; 
     } 

     $content.innerHTML = html; 

    }, function(error){alert(error);}); 
}; 

Answer 2

जांच के लिए इस लिंक, हो सकता है कि यह आपके लिए उपयोगी है।

http://www.digitalnoiz.com/mobile-development/photo-gallery-with-phonegap-and-jquery-mobile/

Answer 3

this प्लगइन,

cordova plugin add https://github.com/wymsee/cordova-imagePicker.git 

नियंत्रक जोड़े

$scope.images = []; 
$scope.selectImages = function() { 
    $cordovaImagePicker.getPictures(
     function(results) { 
      for (var i = 0; i < results.length; i++) { 
       $scope.images.push(results[i]); 
      } 
      if (!$scope.$$phase) { 
       $scope.$apply(); 
      } 
     }, 
     function(error) { 
      console.log('Error: ' + error); 
     } 
    ); 
}; 

एचटीएमएल

<div class="row responsive-md"> 
    <div class="col col-25" ng-repeat="image in images"> 
     <img ng-src="{{image.src}}" width="100%" /> 
    </div> 
</div> 

Tutorial