base64_encode() 和 base64_decode() 8bit图片通过网络传输

一、为什么要使用base64编码？

Base64是一种基于64个可打印字符来表示二进制数据的表示方法。

有些网络传送渠道并不支持所有的字节，例如传统的邮件只支持可见字符的传送，像ASCII码的控制字符就 不能通过邮件传送。这样用途就受到了很大的限制，比如图片二进制流的每个字节不可能全部是可见字符，所以就传送不了。最好的方法就是在不改变传统协议的情 况下，做一种扩展方案来支持二进制文件的传送。把不可打印的字符也能用可打印字符来表示，问题就解决了。Base64编码应运而生，Base64就是一种 基于64个可打印字符来表示二进制数据的表示方法。

 

64个可视字符需要占6bit，一个字节有8个bit 位，剩下两个bit就浪费掉了，这样就不得不牺牲一部分空间了。这里需要弄明白的就是一个Base64字符是8个bit，但是有效部分只有右边的6个 bit，左边两个永远是0。

 

那么怎么用6个有效bit来表示传统字符的8个bit呢？8和6的最小公倍数 是24，也就是说3个传统字节可以由4个Base64字符来表示，保证有效位数是一样的，这样就多了1/3的字节数来弥补Base64只有6个有效bit 的不足。

 

二、PHP与Javascript中的base64编码

PHP有原生方法base64_encode()与base64_decode()，用来对字符进行编码与解码。

JS没有提供相应的方法，我们来自己实现：

 

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 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 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85

/**    * base64编码    * @param {Object} str    */   function  base64encode(str){        var  out, i, len;        var  c1, c2, c3;        len = str.length;        i = 0;        out =  "" ;        while  (i < len) {            c1 = str.charCodeAt(i++) & 0xff;            if  (i == len) {                out += base64EncodeChars.charAt(c1 >> 2);                out += base64EncodeChars.charAt((c1 & 0x3) << 4);                out +=  "==" ;                break ;            }            c2 = str.charCodeAt(i++);            if  (i == len) {                out += base64EncodeChars.charAt(c1 >> 2);                out += base64EncodeChars.charAt(((c1 & 0x3) << 4) | ((c2 & 0xF0) >> 4));                out += base64EncodeChars.charAt((c2 & 0xF) << 2);                out +=  "=" ;                break ;            }            c3 = str.charCodeAt(i++);            out += base64EncodeChars.charAt(c1 >> 2);            out += base64EncodeChars.charAt(((c1 & 0x3) << 4) | ((c2 & 0xF0) >> 4));            out += base64EncodeChars.charAt(((c2 & 0xF) << 2) | ((c3 & 0xC0) >> 6));            out += base64EncodeChars.charAt(c3 & 0x3F);        }        return  out;   }   /**    * base64解码    * @param {Object} str    */   function  base64decode(str){        var  c1, c2, c3, c4;        var  i, len, out;        len = str.length;        i = 0;        out =  "" ;        while  (i < len) {            /* c1 */            do  {                c1 = base64DecodeChars[str.charCodeAt(i++) & 0xff];            }            while  (i < len && c1 == -1);            if  (c1 == -1)                 break ;            /* c2 */            do  {                c2 = base64DecodeChars[str.charCodeAt(i++) & 0xff];            }            while  (i < len && c2 == -1);            if  (c2 == -1)                 break ;            out += String.fromCharCode((c1 << 2) | ((c2 & 0x30) >> 4));            /* c3 */            do  {                c3 = str.charCodeAt(i++) & 0xff;                if  (c3 == 61)                     return  out;                c3 = base64DecodeChars[c3];            }            while  (i < len && c3 == -1);            if  (c3 == -1)                 break ;            out += String.fromCharCode(((c2 & 0XF) << 4) | ((c3 & 0x3C) >> 2));            /* c4 */            do  {                c4 = str.charCodeAt(i++) & 0xff;                if  (c4 == 61)                     return  out;                c4 = base64DecodeChars[c4];            }            while  (i < len && c4 == -1);            if  (c4 == -1)                 break ;            out += String.fromCharCode(((c3 & 0x03) << 6) | c4);        }        return  out;   }

 

三、实例

 

我们在PHP中创建一个八位二进制数组：

 

1 2 3 4 5 6 7 8 9 10 11 12 13 14

public  function  test() {     $arr  =  array ( '220' , '30' , '55' );  //三个八位字符     $normal  =  $this  -> bytesToString( $arr );     echo  $normal ;   //�7     echo  '<br/>' ;     echo  base64_encode ( $normal );   //3B43 } private  function  bytesToString( $bytes ) {     foreach ( $bytes  as  $ch ) {        $str  .=  chr ( $ch );     }     return  $str ; }

 

 

同样，如果我们想将一张图片以json或类似的方式从服务器传到前端，就必须对图片进行base64的编码。如果想显示此图片，就要将编码得到的字符串放到img标签的src属性中，但是要注明是base64的字符串，即在字符串前加上data:image/png;base64,

1

< img  src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJAQMAAADaX5RTAAAAA3NCSVQICAjb4U/gAAAABlBMVEX///+ZmZmOUEqyAAAAAnRSTlMA/1uRIrUAAAAJcEhZcwAACusAAArrAYKLDVoAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDkvMjAvMTIGkKG+AAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAAB1JREFUCJljONjA8LiBoZyBwY6BQQZMAtlAkYMNAF1fBs/zPvcnAAAAAElFTkSuQmCC"  />

 

转载于:https://www.cnblogs.com/ccymr/p/5472800.html