如何在javascript中将远程映像转换为base64

如何在javascript中将远程映像转换为base64,javascript,image,vue.js,base64,Javascript,Image,Vue.js,Base64,我正在努力在Laravel&Vue.js中实现FB注册/登录。 我想要的只是在Vue中将FB头像转换为base64字符串。 我使用的是croppie package(),因此我需要将远程图像(Facebook头像)转换为base64字符串,这样我也可以向来宾显示头像。 请帮帮我 提前谢谢。很抱歉耽误您的时间。 我自己也解决了 imgTo64(url) { var vm = this var xhr = new XMLHttpRequest();

我正在努力在Laravel&Vue.js中实现FB注册/登录。 我想要的只是在Vue中将FB头像转换为base64字符串。 我使用的是croppie package(),因此我需要将远程图像(Facebook头像)转换为base64字符串,这样我也可以向来宾显示头像。 请帮帮我


提前谢谢。

很抱歉耽误您的时间。 我自己也解决了


    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();
    },

如果有人想得到同样的东西,希望能从我的代码中得到解决方案。
谢谢大家!

在转换之前,您的代码现在以什么格式获取图像?因为我需要保留当前工作流。但现在没事了。谢谢你的考虑。