Camera 拍照后，如何在Sencha Touch的版面中设置该图片？

我正在尝试使用CameraAPI拍摄一张照片，并将其显示在屏幕上。我能拍这张照片。但不知道如何在我的屏幕上显示它。为此，我编写了以下代码：

Ext.define('MyApp.view.CameraPanel', {    extend: 'Ext.Panel',


config: {
    ui: 'light',
    layout: {
        type: 'card'
    },
    items: [
        {
            xtype: 'button',
            handler: function(button, event) {
                Ext.device.Camera.capture({
                    source: 'camera',
                    destination: 'data',


                    success: function(image) {


                        takenimage.setSrc(image);
                    },


                    failure: function() {
                        Ext.Msg.alert('Error', 'There was an error when acquiring the picture.');
                    },
                    scope: this
                });
            },
            height: 33,
            left: 60,
            top: 400,
            ui: 'decline-round',
            width: 200,
            text: 'Take a Photo'
        },
        {
            xtype: 'image',
            itemId: 'takenimage',
            src: 'image'
        }
    ]
}

}))

我是新来这个sencha平台的。请帮忙

---

感谢使用html标记，我能够解决此问题