Открыть галерею изображений с помощью Ionic/angularjs

Question

Как получить доступ с помощью Ionic/angularjs в галерее изображений? Я просто хочу открыть галерею изображений для каждой кнопки. Как это возможно?

Answer 1

Ребята на ионический сделали этот пример: https://github.com/driftyco/ionic-example-cordova-camera/blob/master/plugins/org.apache.cordova.camera/doc/index.md

Как второй вариант, вы можете попробовать с imagePicker плагин.

Пример:

module.controller('ThisCtrl', function($scope, $cordovaImagePicker) { 
 

 
    var options = { 
 
    maximumImagesCount: 10, 
 
    width: 800, 
 
    height: 800, 
 
    quality: 80 
 
    }; 
 

 
    $cordovaImagePicker.getPictures(options) 
 
    .then(function (results) { 
 
     for (var i = 0; i < results.length; i++) { 
 
     console.log('Image URI: ' + results[i]); 
 
     } 
 
    }, function(error) { 
 
     // error getting photos 
 
    }); 
 
});

Answer 2

Вы можете использовать плагин Cordova камеры

Cordova плагин добавить org.apache.cordova.camera

Plugin Ссылка: https://github.com/apache/cordova-plugin-camera

Пример кода

$scope.getPhoto = function() { 

    var options = { 
     quality: 50, 
     destinationType: Camera.DestinationType.FILE_URI, 
     sourceType: Camera.PictureSourceType.SAVEDPHOTOALBUM, 
     mediaType: Camera.MediaType.ALLMEDIA, 
     saveToPhotoAlbum: true 

    }; 

    $cordovaCamera.getPicture(options).then(function(imageData) { 
     console.log("img URI= " + imageData);   
     //Here you will be getting image data 
    }, function(err) { 
     alert("Failed because: " + err); 
     console.log('Failed because: ' + err); 
    }); 

}; 

Вам нужно просто установить SourceType вариант Camera.PictureSourceType.SAVEDPHOTOALBUM

Answer 3

Вы можете получить Cordova плагин для ImagePicker бушель, используя следующую ссылку,

http://ngcordova.com/docs/plugins/imagePicker/

Пример:

$scope.OpenGallery = function() { 
    var options = { 
     maximumImagesCount: 1, 
     width: 350, 
     height: 500, 
     quality: 50 
    }; 
    $cordovaImagePicker.getPictures(options).then(function (results) { 
     console.log(results); 
    },function(error) { 
     console.log(error); 
    }); 
}