Question

我编写的代码可以捕获图像。现在我想在应用程序中显示图片。我只是想用id＆＃34; capturedImage＆＃34;。

创建一个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

Cordova - 显示捕获的图像

1 个答案: