如何将像“https://www.gstatic.com/webp/gallery3/1.png”这样的图片网址转换为ionic3中的base64字符串？

Question

我从服务器获取图像URL。我需要将图像发布到server.So我需要将图像URL转换为Ionic 3中的base64字符串以进行数据库存储。

Answer 1

如果你google "js image url to base64"你会发现很多实现。

例：

/**
 * Convert an image 
 * to a base64 url
 * @param  {String}   url         
 * @param  {Function} callback    
 * @param  {String}   [outputFormat=image/png]           
 */
function convertImgToBase64URL(url, callback, outputFormat){
    var img = new Image();
    img.crossOrigin = 'Anonymous';
    img.onload = function(){
        var canvas = document.createElement('CANVAS'),
        ctx = canvas.getContext('2d'), dataURL;
        canvas.height = img.height;
        canvas.width = img.width;
        ctx.drawImage(img, 0, 0);
        dataURL = canvas.toDataURL(outputFormat);
        callback(dataURL);
        canvas = null; 
    };
    img.src = url;
}

资料来源：https://gist.github.com/CawaKharkov/1c477d44fcfdf67aea3f