如何在javascript内部进行base64编码

如何在javascript内部进行base64编码,javascript,geolocation,base64,Javascript,Geolocation,Base64,我试图在一个站点上实现一个简单的脚本,它将从google的ajax API返回base64编码的信息。这就是我目前正在玩的游戏: <html> <head> <script src="http://www.google.com/jsapi?key=ABQIAAAA0duujonFsEX871htGWZBHRS76H0qhS7Lb-D1Gd0Mnaiuid8Z7BQIyz2kMpojKizoyiCQA4yRkKAKug" type="text/javascript"&

我试图在一个站点上实现一个简单的脚本,它将从google的ajax API返回base64编码的信息。这就是我目前正在玩的游戏:

<html>
<head>
<script src="http://www.google.com/jsapi?key=ABQIAAAA0duujonFsEX871htGWZBHRS76H0qhS7Lb-D1Gd0Mnaiuid8Z7BQIyz2kMpojKizoyiCQA4yRkKAKug" type="text/javascript"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
  jQuery(document).ready(function() {
    var location = 'Unable to determine your location.';
    if (google.loader.ClientLocation) {
      var loc = google.loader.ClientLocation;
      location = 'Country: <strong>' + loc.address.country + '</strong>, Region: <strong>' + loc.address.region + '</strong>, City: <strong>' +
                 loc.address.city + '</strong>, Lat/Long: <strong>' + loc.latitude + ', ' + loc.longitude + '</strong>';
    }
    jQuery('.geolocation').html(location);
  });
</script>
</head>
<body>
<span class="geolocation"></span>
</body>
</html>

jQuery(文档).ready(函数(){
变量位置='无法确定您的位置';
if(google.loader.ClientLocation){
var loc=google.loader.ClientLocation;
地点='国家:'+loc.address.Country+',地区:'+loc.address.Region+',城市:'+
loc.address.city+',Lat/Long:'+loc.latitude+','+loc.longitude+';
}
jQuery('.geolocation').html(location);
});
它返回我试图正确获取的信息,但我需要对国家、地区、城市、纬度和经度等独立部分进行base64编码。在php中这很简单,但我不知道如何在javascript中实现。任何帮助都将不胜感激。

似乎符合您的要求

还有更优雅的:

/**
 *
 *  Base64 encode / decode
 *  http://www.webtoolkit.info/
 *
 **/

var Base64 = {

    // private property
    _keyStr : "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",

    // public method for encoding
    encode : function (input) {
        var output = "";
        var chr1, chr2, chr3, enc1, enc2, enc3, enc4;
        var i = 0;

        input = Base64._utf8_encode(input);

        while (i < input.length) {

            chr1 = input.charCodeAt(i++);
            chr2 = input.charCodeAt(i++);
            chr3 = input.charCodeAt(i++);

            enc1 = chr1 >> 2;
            enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
            enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
            enc4 = chr3 & 63;

            if (isNaN(chr2)) {
                enc3 = enc4 = 64;
            } else if (isNaN(chr3)) {
                enc4 = 64;
            }

            output = output +
            this._keyStr.charAt(enc1) + this._keyStr.charAt(enc2) +
            this._keyStr.charAt(enc3) + this._keyStr.charAt(enc4);

        }

        return output;
    },

    // public method for decoding
    decode : function (input) {
        var output = "";
        var chr1, chr2, chr3;
        var enc1, enc2, enc3, enc4;
        var i = 0;

        input = input.replace(/[^A-Za-z0-9\+\/\=]/g, "");

        while (i < input.length) {

            enc1 = this._keyStr.indexOf(input.charAt(i++));
            enc2 = this._keyStr.indexOf(input.charAt(i++));
            enc3 = this._keyStr.indexOf(input.charAt(i++));
            enc4 = this._keyStr.indexOf(input.charAt(i++));

            chr1 = (enc1 << 2) | (enc2 >> 4);
            chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
            chr3 = ((enc3 & 3) << 6) | enc4;

            output = output + String.fromCharCode(chr1);

            if (enc3 != 64) {
                output = output + String.fromCharCode(chr2);
            }
            if (enc4 != 64) {
                output = output + String.fromCharCode(chr3);
            }

        }

        output = Base64._utf8_decode(output);

        return output;

    },

    // private method for UTF-8 encoding
    _utf8_encode : function (string) {
        string = string.replace(/\r\n/g,"\n");
        var utftext = "";

        for (var n = 0; n < string.length; n++) {

            var c = string.charCodeAt(n);

            if (c < 128) {
                utftext += String.fromCharCode(c);
            }
            else if((c > 127) && (c < 2048)) {
                utftext += String.fromCharCode((c >> 6) | 192);
                utftext += String.fromCharCode((c & 63) | 128);
            }
            else {
                utftext += String.fromCharCode((c >> 12) | 224);
                utftext += String.fromCharCode(((c >> 6) & 63) | 128);
                utftext += String.fromCharCode((c & 63) | 128);
            }

        }

        return utftext;
    },

    // private method for UTF-8 decoding
    _utf8_decode : function (utftext) {
        var string = "";
        var i = 0;
        var c = c1 = c2 = 0;

        while ( i < utftext.length ) {

            c = utftext.charCodeAt(i);

            if (c < 128) {
                string += String.fromCharCode(c);
                i++;
            }
            else if((c > 191) && (c < 224)) {
                c2 = utftext.charCodeAt(i+1);
                string += String.fromCharCode(((c & 31) << 6) | (c2 & 63));
                i += 2;
            }
            else {
                c2 = utftext.charCodeAt(i+1);
                c3 = utftext.charCodeAt(i+2);
                string += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63));
                i += 3;
            }

        }

        return string;
    }

}
/**
*
*Base64编码/解码
*  http://www.webtoolkit.info/
*
**/
var Base64={
//私有财产
_keyStr:“ABCDEFGHIJKLMNOPQRSTUVXYZABCDFGHIJKLMNOPQRSTUVXYZ0123456789+/=”,
//公共编码方法
编码:功能(输入){
var输出=”;
变量chr1,chr2,chr3,enc1,enc2,enc3,enc4;
var i=0;
输入=Base64.\u utf8\u编码(输入);
while(i>2;
enc2=((chr1&3)>4);
enc3=((chr2&15)>6);
enc4=chr3&63;
if(isNaN(chr2)){
enc3=enc4=64;
}否则如果(isNaN(chr3)){
enc4=64;
}
输出=输出+
本钥匙字符(附件1)+本钥匙字符(附件2)+
此键字符(enc3)+此键字符(enc4);
}
返回输出;
},
//公开解码方法
解码:功能(输入){
var输出=”;
变种chr1,chr2,chr3;
变量enc1、enc2、enc3、enc4;
var i=0;
输入=输入。替换(/[^A-Za-z0-9\+\/\=]/g,”);
while(i4);
chr2=((enc2&15)>2);
chr3=((enc3&3)127)和&(c<2048)){
utftext+=String.fromCharCode((c>>6)| 192);
utftext+=String.fromCharCode((c&63)| 128);
}
否则{
utftext+=String.fromCharCode((c>>12)| 224);
utftext+=String.fromCharCode((c>>6)和63)| 128);
utftext+=String.fromCharCode((c&63)| 128);
}
}
返回utftext;
},
//UTF-8解码的专用方法
_utf8_解码:函数(utftext){
var字符串=”;
var i=0;
var c=c1=c2=0;
while(i191)和&(c<224)){
c2=utftext.charCodeAt(i+1);

string+=string.fromCharCode(((c&31)Mozilla、WebKit和Opera都分别具有用于Base64编码和解码的and函数。尽可能使用这些函数,因为它们几乎肯定比JavaScript实现快得多,并且会退回到执行时出现的众多脚本之一

编辑2013年9月10日:
atob()
btoa()
不处理ASCII范围以外的Unicode字符。MDN有,但我不能担保。感谢@larspars指出这一点。

例如,如果您使用安非他明机器答案中的示例,您可以执行以下操作:

if (!window.btoa) {
    window.btoa = function(str) {
        return Base64.encode(str);
    }
}

if (!window.atob) {
    window.atob = function(str) {
        return Base64.decode(str);
    }
}

alert( btoa("Some text") );

我从这里的答案中得到了部分代码:

本页答案的另一部分:

结果如下:

var Base64={_keyStr:"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",encode:function(e){var t="";var n,r,i,s,o,u,a;var f=0;e=Base64._utf8_encode(e);while(f<e.length){n=e.charCodeAt(f++);r=e.charCodeAt(f++);i=e.charCodeAt(f++);s=n>>2;o=(n&3)<<4|r>>4;u=(r&15)<<2|i>>6;a=i&63;if(isNaN(r)){u=a=64}else if(isNaN(i)){a=64}t=t+this._keyStr.charAt(s)+this._keyStr.charAt(o)+this._keyStr.charAt(u)+this._keyStr.charAt(a)}return t},decode:function(e){var t="";var n,r,i;var s,o,u,a;var f=0;e=e.replace(/[^A-Za-z0-9\+\/\=]/g,"");while(f<e.length){s=this._keyStr.indexOf(e.charAt(f++));o=this._keyStr.indexOf(e.charAt(f++));u=this._keyStr.indexOf(e.charAt(f++));a=this._keyStr.indexOf(e.charAt(f++));n=s<<2|o>>4;r=(o&15)<<4|u>>2;i=(u&3)<<6|a;t=t+String.fromCharCode(n);if(u!=64){t=t+String.fromCharCode(r)}if(a!=64){t=t+String.fromCharCode(i)}}t=Base64._utf8_decode(t);return t},_utf8_encode:function(e){e=e.replace(/\r\n/g,"\n");var t="";for(var n=0;n<e.length;n++){var r=e.charCodeAt(n);if(r<128){t+=String.fromCharCode(r)}else if(r>127&&r<2048){t+=String.fromCharCode(r>>6|192);t+=String.fromCharCode(r&63|128)}else{t+=String.fromCharCode(r>>12|224);t+=String.fromCharCode(r>>6&63|128);t+=String.fromCharCode(r&63|128)}}return t},_utf8_decode:function(e){var t="";var n=0;var r=c1=c2=0;while(n<e.length){r=e.charCodeAt(n);if(r<128){t+=String.fromCharCode(r);n++}else if(r>191&&r<224){c2=e.charCodeAt(n+1);t+=String.fromCharCode((r&31)<<6|c2&63);n+=2}else{c2=e.charCodeAt(n+1);c3=e.charCodeAt(n+2);t+=String.fromCharCode((r&15)<<12|(c2&63)<<6|c3&63);n+=3}}return t}}

window.btoa = function(str) {
    return Base64.encode(str);
}

window.atob = function(str) {
    return Base64.decode(str);
} 

[编码:功能(e){var t=”,编码:功能(e){var t=”;var t=”;var n,r,r,r,n,r,r,r,r,r,r,r,i,s,o,r,r,i,s,o,o,u,a,a;VAF=0;0;e=0;e编码(e);编码(e);而(f>2;o=(n&3)4;4;u=(r&15)4;u=(r&15)6;6;a=6;a;a=6;a;a=a=a;a;a;a;a;a;a;a;a=15;a;a;a;a;a;a;a;a;a;a;a;a;a;a;a;a;a;a;a;a;a;a;a;a;a;a;a;a;a;a;a;a这个返回t},解码:函数(e){var t=“”;var n,r,i;var s,o,u,a;var f=0;e=e.replace(/[^a-Za-z0-9\+\/\=]/g,”);while(f>6&63|128);t+=String.fromCharCode(r&63|128)}返回t},{u utf8\u解码:函数(e){var t=“”;var n=0;var r=c1=c2=0;while

编码字符串

var str = "raj";
var enc = window.btoa(str); // cmFq
var dec = window.atoa('cmFq'); // raj
解码字符串

var str = "raj";
var enc = window.btoa(str); // cmFq
var dec = window.atoa('cmFq'); // raj

或者您可能在页面上有自己的函数。

这看起来很有希望,但在javascript中有点超出我的深度。也许我可以找到一种方法在php中完成这一切,而不是重复说明atob和btoa不会处理unicode,而@amphetamachine的答案将是.Base64.encode('s)☃') 工作,而btoa('☃') 抛出一个错误(在Firefox、Chrome和Opera中测试),仍然怀疑是否要使用它,但现在我想我会的。我们使用荷兰语时没有奇怪的字符。感谢您发布并编辑您的评论,这对决定有很大帮助!;)