Image 如何保存联系人'；从phonegap中的手机获取联系人时，在本地数据库中保存图像

我正在从phonegap中提取联系人及其图像。我必须将这些图像以Base64或字节数组保存到本地数据库中，以便以后也可以将这些数据发送到服务器

我能够将图像转换为Base64，但这个过程是同步的。 假设我的手机中有10个联系人，其中5个联系人有图像，其余的没有。 所以，当我应用循环来保存这些图像时，有图像的联系人需要时间将图像更改为Base64，而没有图像的联系人则需要时间将图像存储在数据库中，因为这5个联系人不需要将图像更改为Base64

function convertImgToBase64(url, callback, outputFormat){
            alert(url);
        var canvas = document.createElement('CANVAS');
        var ctx = canvas.getContext('2d');
        var img = new Image;
        img.crossOrigin = 'Anonymous';
        img.onload = function(){
        canvas.height = img.height;
        canvas.width = img.width;
        ctx.drawImage(img,0,0);
        var dataURL = canvas.toDataURL(outputFormat || 'image/png');
        //alert("URL "+url);
        //alert("dataURL " + dataURL);
        alert(dataURL);

        callback.call(this, dataURL);
         // Clean up
        canvas = null; 
        };
        img.src = url;
    }

所以只有5个联系人被插入到数据库中，在完成循环后，我得到了这5个联系人中的Base64

我希望在循环中，直到我得到任何图像的Base64，循环索引不应该增加1。当我得到图像的Base64之后，我应该移动到下一个索引

这是我用于将任何图像转换为Base64的方法

function convertImgToBase64(url, callback, outputFormat){
            alert(url);
        var canvas = document.createElement('CANVAS');
        var ctx = canvas.getContext('2d');
        var img = new Image;
        img.crossOrigin = 'Anonymous';
        img.onload = function(){
        canvas.height = img.height;
        canvas.width = img.width;
        ctx.drawImage(img,0,0);
        var dataURL = canvas.toDataURL(outputFormat || 'image/png');
        //alert("URL "+url);
        //alert("dataURL " + dataURL);
        alert(dataURL);

        callback.call(this, dataURL);
         // Clean up
        canvas = null; 
        };
        img.src = url;
    }

谁能帮帮我吗