how to set image captured by camera using setHTML mehtod in ST 2.1?

[Vishwastalule]

I want to set image captured by camera using

'button[action=Start_Cam]':{
                tap:function(){


                    Ext.device.Camera.capture({
                        source: 'camera',
                        destination: 'data',


                        success: function(image) {
                            var imageView=Ext.getCmp('capturedImage');


                            imageView.setHtml('<img id="get_captured_image" src='+image+' height=auto; width=auto;>'+'</img>' );






                            Ext.getCmp('start_button').setHidden(true) ;


                            Ext.getCmp('detect_face').setHidden(false);
                        },
                        failure: function() {
                            Ext.Msg.alert('Error', 'There was an error when acquiring the picture.');
                        },
                        scope: this
                    });
                }
            }

[mitchellsimoens]

Haven't used the camera in a long time, does the string data have 'data:image/png;base64,' at the start?

[PhilMerrell]

I assume you are somehow deploying this to a native app via phonegap or native packager. If so this works for me (just tested):

Ext.device.Camera.capture({    
    source: 'camera',
    destination: 'file',
    success: function(url) {
        
        var userImageContainer = Ext.ComponentQuery.query('#userImageContainer')[0];
        userImageContainer.setHtml('<img src="'+url+'" width="100%" />');
    }
});