How to display image from CameraRoll

How-to Discussions
1

Once I have selected an image from CameraRoll, what can I do with the returned image so that I can display it? The following is what I got.

<Image ux:Name="Placeholder" File="../Assets/image-placeholder.png" Width="21"/>

var CameraRoll = require("FuseJS/CameraRoll");

function getPhoto(){
    CameraRoll.getImage()
    .then(function(image) {
        console.log("image: ", image.path);
        imgPath = image.path;
		
		
    }, function(error) {
        console.log("error occured");
    });
}

Replacing the Image markup to have an observable (imgPath) like the following does not seem to work.

<Image ux:Name="Placeholder" Url="{imgPath}" Width="21" />
2

Take a look at this Camera example that also shows how you can select an image from camera roll.

3

Thanks for the tip. Now I have managed to get what I wanted with the image.