如何使用Cordova获取移动设备的所有相册图片？

Question

我希望能获取移动设备的完整图库，并将它们显示在自定义网格中，这是可能的吗？目前我正在使用“$cordovaImagePicker”，它会将我重定向到图库，然后在选择图像后我会得到该图像的Uri。相比较而言，我希望自动选择完整的图库图像Uri。 控制器

$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
    });
}

- mayank

---

是的，适用于iOS、Android和Windows。 :) - mayank

类似未回答的问题：http://stackoverflow.com/questions/28997384/cordova-phonegap-photo-browser - daserge

@mayank 你收到了吗？ - Muhsin Keloth

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);});
};

- user2601376

Answer 2

添加 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);
        }
    );
};

Html

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

教程

- Muhsin Keloth

Answer 3

请查看此链接，也许对您有用。

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

- Cenk

---

我会检查并回复你。谢谢你的回复，伙计 :) - mayank