Как преобразовать URL-адрес изображения, например 'https://www.gstatic.com/webp/gallery3/1.png', в строку base64 в ionic3?

Question

Я получаю URL-адрес изображения с сервера. Мне нужно опубликовать изображение на сервере. Поэтому мне нужно преобразовать URL-адрес изображения в строку base64 в Ionic 3 для хранения базы данных.

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