angularjs – 如何使用cordova获取移动设备的所有图库图像？

发布时间：2020-12-17 08:45:55 所属栏目：安全来源：网络整理

导读：我想获取移动设备的完整图库,以便在自定义网格中显示它们,是否可能？现在我正在使用$cordova ImagePicker,它将我重定向到画廊,然后在选择图像后,我得到了该图像的Uri.而不是我想要完整的画廊图像uri自动选择. 调节器 $scope.getImageFromGallery = function(

我想获取移动设备的完整图库,以便在自定义网格中显示它们,是否可能？现在我正在使用$cordova ImagePicker,它将我重定向到画廊,然后在选择图像后,我得到了该图像的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
    });
}

最简单的方法是使用 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);});
};

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!