Cordova-顯示捕獲的圖像

Question

我寫的代碼可以捕獲圖像。 現在，我想在應用程序中顯示圖片。 我只想創建一個id為“ capturedImage”的div容器。

這是我的代碼，可以拍照，並且效果很好：

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);
}

我以為可以用以下代碼顯示圖片，但這是不可能的。

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

您知道什么地方可能出問題嗎？

Answer 1

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

使用此設置圖像元素的src