Как конвертировать удаленное изображение в base64 в JavaScript

Question

Я работаю над реализацией регистрации / входа в FB в Laravel & Vue.js. То, что я хочу, это просто преобразовать аватар FB в строку base64 в Vue. Я использую пакет croppie (https://github.com/Foliotek/Croppie),), поэтому мне нужно преобразовать удаленное изображение (аватар Facebook) в строку base64, чтобы я также мог показать аватар гостям. Пожалуйста, помогите мне.

Заранее спасибо.

Answer 1

Прошу прощения, что потратил ваше время. Я тоже решил это сам.

    imgTo64(url) {
        var vm = this
        var xhr = new XMLHttpRequest();
        xhr.onload = function () {
            var arr = new Uint8Array(this.response);
            var raw = String.fromCharCode.apply(null, arr);
            var b64 = btoa(raw);

            var dataURL = 'data:image/' + dataType + ';base64,' + b64;

            console.log(dataURL);
        };

        var dataType = 'jpeg';
        xhr.open('GET', url);
        xhr.responseType = 'arraybuffer';
        xhr.send();
    },

Если кто-то хочет получить то же самое, надеюсь получить решение из моего кода. Спасибо!