使用离子框架从我自己创建的本地文件夹中加载离子内容中的图像

时间:2016-11-04 06:35:12

标签: ionic-framework

我想将我在本地文件夹中的所有图像加载到我在离子内容中使用的列表中。我的应用程序启动时会显示这些图像

我存储了所有图片,我点击了我的本地文件夹,现在我想在打开我的应用程序时在我的应用程序中显示所有这些图像。

这是我的控制器以离子含量显示图像

.controller('ImagePickerController', function($scope, $cordovaImagePicker, $ionicPlatform, $cordovaContacts) {

    $scope.collection = {
        selectedImage : ''
    };

    $ionicPlatform.ready(function() {

        $scope.getImageSaveContact = function() {       
            // Image picker will load images according to these settings
            var options = {
                maximumImagesCount: 10, // 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++) {
                    $scope.collection.selectedImage = results[i];   // We loading only one image so we can use it like this

                    window.plugins.Base64.encodeFile($scope.collection.selectedImage, function(base64){  // Encode URI to Base64 needed for contacts plugin
                        $scope.collection.selectedImage = base64;
                          // Save contact
                    });
                }
            }, function(error) {
                console.log('Error: ' + JSON.stringify(error));    // In case of error
            });
        };  

    });   

})

0 个答案:

没有答案