cordova - 使用PhoneGap，如何获取从iPhone照片库中选择的照片的base64图像数据

Question

使用 PhoneGap(Cordova)，我试图获取从照片库中选择的照片的 base64 图像数据。

我可以做到这一点......当照片是从相机拍摄时，在 Cordova 中使用以下代码片段。

    navigator.camera.getPicture(onSuccess, onFail, { quality: 50,
    destinationType: Camera.DestinationType.DATA_URL
 }); 

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

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

但是，当从库中选择照片时，我应该怎么做才能获取 base64 图像数据？

Answer 1

function encodeImageUri(imageUri)
{
     var c=document.createElement('canvas');
     var ctx=c.getContext("2d");
     var img=new Image();
     img.onload = function(){
       c.width=this.width;
       c.height=this.height;
       ctx.drawImage(img, 0,0);
     };
     img.src=imageUri;
     var dataURL = c.toDataURL("image/jpeg");
     return dataURL;
}

我在 PhoneGap 中没有解决方案。所以我只需要用户从他们的照片库中选择的图像的 base64 格式。所以我把那张图片放在 Canvas 上，然后 toDataUrl() 给了我非常格式:-)