我們為什麼要用base

base64是網路上最常見的用於傳輸8bit位元組程式碼的編碼方式之一。有時我們需要把二進位制資料編碼為適合放在URL中的形式。這時採用base64編碼具有不可讀性，即所編碼的資料不會被人直接看出。除此之外，還可以放在請求頭，響應頭進行傳輸。

最方便的轉碼解碼window.atob() 與window.btoa()

Window.atob() 函式用來解碼一個已經被base-64編碼過的資料。

window.btoa()：將ascii字串或二進位制資料轉換成一個base64編碼過的字串

注：以上辦法不適用於帶中文解密，即window.btoa 與 window.atob 不支援中文

帶中文的base64轉碼解碼

首先定義一個物件

var BASE64={
  
  enKey: 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/',
  
  deKey: new Array(
    -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1,
    -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1,
    -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 62, -1, -1, -1, 63,
    52, 53, 54, 55, 56, 57, 58, 59, 60, 61, -1, -1, -1, -1, -1, -1,
    -1, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14,
    15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, -1, -1, -1, -1, -1,
    -1, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40,
    41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, -1, -1, -1, -1, -1
  ),
  
  encode: function(src){
    //用一個數組來存放編碼後的字元，效率比用字串相加高很多。
    var str=new Array();
    var ch1, ch2, ch3;
    var pos=0;
    //每三個字元進行編碼。
    while(pos+3<=src.length){
      ch1=src.charCodeAt(pos++);
      ch2=src.charCodeAt(pos++);
      ch3=src.charCodeAt(pos++);
      str.push(this.enKey.charAt(ch1>>2), this.enKey.charAt(((ch1<<4)+(ch2>>4))&0x3f));
      str.push(this.enKey.charAt(((ch2<<2)+(ch3>>6))&0x3f), this.enKey.charAt(ch3&0x3f));
    }
    //給剩下的字元進行編碼。
    if(pos<src.length){
      ch1=src.charCodeAt(pos++);
      str.push(this.enKey.charAt(ch1>>2));
      if(pos<src.length){
        ch2=src.charCodeAt(pos);
        str.push(this.enKey.charAt(((ch1<<4)+(ch2>>4))&0x3f));
        str.push(this.enKey.charAt(ch2<<2&0x3f), '=');
      }else{
        str.push(this.enKey.charAt(ch1<<4&0x3f), '==');
      }
    }
    //組合各編碼後的字元，連成一個字串。
    return str.join('');
  },
  
  decode: function(src){
    //用一個數組來存放解碼後的字元。
    var str=new Array();
    var ch1, ch2, ch3, ch4;
    var pos=0;
    //過濾非法字元，並去掉'='。
    src=src.replace(/[^A-Za-z0-9\+\/]/g, '');
    //decode the source string in partition of per four characters.
    while(pos+4<=src.length){
      ch1=this.deKey[src.charCodeAt(pos++)];
      ch2=this.deKey[src.charCodeAt(pos++)];
      ch3=this.deKey[src.charCodeAt(pos++)];
      ch4=this.deKey[src.charCodeAt(pos++)];
      str.push(String.fromCharCode(
        (ch1<<2&0xff)+(ch2>>4), (ch2<<4&0xff)+(ch3>>2), (ch3<<6&0xff)+ch4));
    }
    //給剩下的字元進行解碼。
    if(pos+1<src.length){
      ch1=this.deKey[src.charCodeAt(pos++)];
      ch2=this.deKey[src.charCodeAt(pos++)];
      if(pos<src.length){
        ch3=this.deKey[src.charCodeAt(pos)];
        str.push(String.fromCharCode((ch1<<2&0xff)+(ch2>>4), (ch2<<4&0xff)+(ch3>>2)));
      }else{
        str.push(String.fromCharCode((ch1<<2&0xff)+(ch2>>4)));
      }
    }
    //組合各解碼後的字元，連成一個字串。
    return str.join('');
  }
};
 

使用的時候直接呼叫

var str='你好';
var enstr=BASE64.encode(str);
alert(enstr);
var destr=BASE64.decode(enstr);
alert(destr);