Appgyver / Cordova：無法顯示捕獲的圖像

Question

我能夠從照片庫以及相機中成功獲取圖像，並能夠使用FileTransfer插件將其發送到服務器以進行保存。 但是唯一不起作用的代碼是顯示Image :(當我警告ImageURI時 ，它為我提供了以下路徑：

file://storage/sdcard0/Android/data/com.apgyver.freshandroid/cache/.Pic.jpg

我不確定是否缺少任何插件或某些代碼？

function getImage() {
    // Retrieve image file location from specified source
    navigator.camera.getPicture(uploadPhoto, function(message) {
    alert('get picture failed');
},{
    quality: 50, 
    destinationType: navigator.camera.DestinationType.FILE_URI,
    sourceType: navigator.camera.PictureSourceType.PHOTOLIBRARY
}
    );

}

function uploadPhoto(imageURI) {

    //alert(imageURI); return false;
    var image = document.getElementById('myImage');
    image.src = imageURI;

    var options = new FileUploadOptions();
    options.fileKey="file";
    options.fileName=imageURI.substr(imageURI.lastIndexOf('/')+1);
    options.mimeType="image/jpeg";

    var params = new Object();
    params.value1 = "test";
    params.value2 = "param";

    options.params = params;
    options.chunkedMode = false;

    var ft = new FileTransfer();
    ft.upload(imageURI, url, win, fail, options);
}

它確實將路徑分配給src但無法顯示圖像。

謝謝您的幫助。

Answer 1

您必須丟失ID為myImage的img元素，該元素的width和height設置為某個值，以便可見，並指定display: block 。 您的代碼嚴格遵循Camera插件用法示例中的代碼，並且由於它正確地到達了服務器，因此您應該具有所需的所有插件和權限。