Cordova - Display erfasst Bild

Question

Ich schrieb Code mit dem ich ein Bild erfassen kann. Jetzt möchte ich das Bild in der App zeigen. Ich möchte nur einen Div-Container mit der ID "capturedImage" erstellen.

Dies ist mein Code, der ein Bild aufnimmt, und funktioniert gut:

var pictureSource; // picture source 
var destinationType; // sets the format of returned value 

document.addEventListener("deviceready", onDeviceReady, false); 

function onDeviceReady() { 


} 

function captureImage() { 
    navigator.device.capture.captureImage(captureSuccess1, captureError1, { limit: 1 }); 
} 

function captureSuccess1(mediaFiles) { 
    for (var i = 0; i < mediaFiles.length; i++) { 
     var path = mediaFiles[i].fullPath; 
     alert(path); 
     document.getElementById('capturedPicture').src = mediaFiles[i].fullPath; 
    } 
} 

function captureError1(error) { 
    var msg = 'An error occurred during capture: ' + error.code; 
    navigator.notification.alert(msg, null, 'Uh oh!'); 
    alert(msg); 
} 

Ich dachte, ich das Bild mit dem folgenden Code angezeigt werden können, aber das ist nicht möglich.

document.getElementById('capturedPicture').src = mediaFiles[i].fullPath; 

Haben Sie eine Idee, was könnte falsch sein?

Answer 1

angular.element(document.getElementById('capturedPicture'))[0].src = mediaFiles[i].fullPath; 

verwenden die src des Bildelements setzen