Phonegap FILE_URI，图片来源

Question

Phonegap 和相机插件有问题。我试图在我的视图中显示拍摄的照片，但它不起作用。我可以让它与 DATA_URL 一起使用，但我需要它与 FILE_URI 一起使用（因为他们建议这样做！）

这是我的代码，但我猜它不在代码中，因为使用 DATA_URL 它可以工作，但使用 FILE_URI 它不能，尽管我的代码与文档中的代码完全相同。

$('#uploadBusinessCard').on('click', function() {
    console.log("capture this foto!");
    navigator.camera.getPicture(onSuccess, onFail, {
        quality: 10,
        destinationType: Camera.DestinationType.FILE_URI
    });
});

function onSuccess(imageURI) {
    console.log("on success!");
    var image = document.getElementById('myImageIdee');
    image.src = imageURI;
}

function onFail(message) {
    alert('Failed because: ' + message);
}

工作的代码几乎是一样的：

$('#uploadBusinessCard').on('click', function() {
    console.log("capture this foto!");
    navigator.camera.getPicture(onSuccess, onFail, {
        quality: 10,
        destinationType: Camera.DestinationType.DATA_URL
    });
});

function onSuccess(imageData) {
    var image = document.getElementById('myImageIdee');
    image.src = "data:image/jpeg;base64," + imageData;
}

function onFail(message) {
    alert('Failed because: ' + message);
}

Answer 1

如果您在 ipad 上使用 phonegap 桌面应用和 phonegap 开发者应用，则存在一个已知问题，即如果您使用 FILE_URI，则不会显示图像

https://github.com/phonegap/phonegap-app-developer/issues/174

https://github.com/phonegap/phonegap-app-developer/issues/248

Answer 2

试试这个。

$('#uploadBusinessCard').on('click', function() {
    console.log("capture this foto!");
    navigator.camera.getPicture(onSuccess, onFail, {
        quality: 10,
        destinationType: Camera.DestinationType.FILE_URI,
        saveToPhotoAlbum: true
    });
});

function onSuccess(imageURI) {
    console.log("on success!");
    var image = document.getElementById('myImageIdee');
    image.style.display = 'block';
    image.src = imageURI;
}

function onFail(message) {
    alert('Failed because: ' + message);
}