将图像URL转换为base64

我有一张照片从Facebook图形API上拉出来，我试图将其上传到我的数据库，但我必须先将其转换为基本64位，我如何在angularJS或Javascript中执行此操作。我尝试使用库：https://github.com/ninjatronic/angular-base64但它没有工作将图像URL转换为base64

$scope.prof_pic_link = $base64.encode(data.picture.data.url); 
    $scope.prof_pic_link = encodeURIComponent($scope.prof_pic_link);

来源

2015-08-23 teddybear123

http://stackoverflow.com/a/22172860/1675954 –

尝试检查此：http://stackoverflow.com/questions/6150289/how-to-convert-image-into-base64-string-using-javascript – Grald

http://jsfiddle.net/handtrix/xztfbx1m/ –

-1

我用下面的函数用于编码的二进制数据：

var base64_encode = function (data) { 
    // discuss at: http://phpjs.org/functions/base64_encode/ 
    // original by: Tyler Akins (http://rumkin.com) 
    // improved by: Bayron Guevara 
    // improved by: Thunder.m 
    // improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net) 
    // improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net) 
    // improved by: Rafał Kukawski (http://kukawski.pl) 
    // bugfixed by: Pellentesque Malesuada 
    // example 1: base64_encode('Kevin van Zonneveld'); 
    // returns 1: 'S2V2aW4gdmFuIFpvbm5ldmVsZA==' 
    // example 2: base64_encode('a'); 
    // returns 2: 'YQ==' 

    var b64 = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz/='; 
    var o1, o2, o3, h1, h2, h3, h4, bits, i = 0, 
     ac = 0, 
     enc = '', 
     tmp_arr = []; 

    if (!data) { 
     return data; 
    } 

    do { // pack three octets into four hexets 
     o1 = data.charCodeAt(i++); 
     o2 = data.charCodeAt(i++); 
     o3 = data.charCodeAt(i++); 

     bits = o1 << 16 | o2 << 8 | o3; 

     h1 = bits >> 18 & 0x3f; 
     h2 = bits >> 12 & 0x3f; 
     h3 = bits >> 6 & 0x3f; 
     h4 = bits & 0x3f; 

     // use hexets to index into b64, and append result to encoded string 
     tmp_arr[ac++] = b64.charAt(h1) + b64.charAt(h2) + b64.charAt(h3) + b64.charAt(h4); 
    } while (i < data.length); 

    enc = tmp_arr.join(''); 

    var r = data.length % 3; 

    return (r ? enc.slice(0, r - 3) : enc) + '==='.slice(r || 3); 
}

来源

2015-08-25 04:44:56

这会对url进行编码，（'http：// example.com/image.png' - >'aHR0cDovL2V4YW1wbGUuY29tL2ltYWdlLnBuZw =='这很容易用'btoa（）'）实现。你如何编码图像？（提示，[检查重复]（http://stackoverflow.com/questions/6150289/how-to-convert-image-into-base64-string-using-javascript）） – Kaiido

你的意思是dataURL？ –

对于base64转换后的图像，dataUrl只是''data：image/png，base64;''头部和图像数据的base64值的组合。你的解决方案只是对atob方法的重写，如果你只有图像url，这是无用的。 – Kaiido

将图像URL转换为base64

回答

相关问题