加入收藏 | 设为首页 | 会员中心 | 我要投稿 焦作站长网 (https://www.0391zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 服务器 > 安全 > 正文

关于base64编码的原理及实现方法分享

发布时间:2020-03-15 13:49:36 所属栏目:安全 来源:站长网
导读:我们的图片大部分都是可以转换成base64编码的data:image。 这个在将canvas保存为img的时候尤其有用


T           o           m
ASCII:      84          111         109
bit字节:   01010100    01101111    01101101
bit字节:     010101      000110      111101      101101
十进制:     21          6           61          45
对应编码:   V           G           9           t


所以,btoa('Tom') = VG9t
b) 字符串长度不能被3整除时,比如“Lucy”:

复制代码 代码如下:


L           u           c           y
ASCII:      76          117         99          121
bit字节:   01001100    01110101    01100011    01111001      00000000    00000000
bit字节:     010011      000111      010101      100011      011110  010000  000000  000000
十进制:     19          7           21          35             30      16      (异常) (异常)     
对应编码:   T           H           V           j               e       Q       =       =


由于Lucy只有4个字母,所以按3个一组的话,第二组还有两个空位,所以需要用0来补齐。这里就需要注意,因为是需要补齐而出现的0,所以转化成十进制的时候就不能按常规用base64编码表来对应,所以不是a, 可以理解成为一种特殊的“异常”,编码应该对应“=”。
有了上面的理论,那我们实现一个base64编码就容易了。

复制代码 代码如下:


/**
 * base64 encoding & decoding
 * for fixing browsers which don't support Base64 | btoa |atob
 */
(function (win, undefined) {
     var Base64 = function () {
        var base64hash = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
        // btoa method
        function _btoa (s) {
            if (/([^u0000-u00ff])/.test(s)) {
                throw new Error('INVALID_CHARACTER_ERR');
            }   
            var i = 0,
                prev,
                ascii,
                mod,
                result = [];
            while (i < s.length) {
                ascii = s.charCodeAt(i);
                mod = i % 3;
                switch(mod) {
                    // 第一个6位只需要让8位二进制右移两位
                    case 0:
                        result.push(base64hash.charAt(ascii >> 2));
                        break;
                    //第二个6位 = 第一个8位的后两位 + 第二个8位的前4位
                    case 1:
                        result.push(base64hash.charAt((prev & 3) << 4 | (ascii >> 4)));
                        break;
                    //第三个6位 = 第二个8位的后4位 + 第三个8位的前2位
                    //第4个6位 = 第三个8位的后6位
                    case 2:
                        result.push(base64hash.charAt((prev & 0x0f) << 2 | (ascii >> 6)));
                        result.push(base64hash.charAt(ascii & 0x3f));
                        break;
                }
                prev = ascii;
                i ++;
            }
            // 循环结束后看mod, 为0 证明需补3个6位,第一个为最后一个8位的最后两位后面补4个0。另外两个6位对应的是异常的“=”;
            // mod为1,证明还需补两个6位,一个是最后一个8位的后4位补两个0,另一个对应异常的“=”
            if(mod == 0) {
                result.push(base64hash.charAt((prev & 3) << 4));
                result.push('==');
            } else if (mod == 1) {
                result.push(base64hash.charAt((prev & 0x0f) << 2));
                result.push('=');
            }
            return result.join('');
        }
        // atob method
        // 逆转encode的思路即可
        function _atob (s) {
            s = s.replace(/s|=http://www.jb51.net/g, '');
            var cur,
                prev,
                mod,
                i = 0,
                result = [];
            while (i < s.length) {
                cur = base64hash.indexOf(s.charAt(i));
                mod = i % 4;
                switch (mod) {
                    case 0:
                        //TODO
                        break;
                    case 1:
                        result.push(String.fromCharCode(prev << 2 | cur >> 4));
                        break;
                    case 2:
                        result.push(String.fromCharCode((prev & 0x0f) << 4 | cur >> 2));
                        break;
                    case 3:
                        result.push(String.fromCharCode((prev & 3) << 6 | cur));
                        break;
                }
                prev = cur;
                i ++;
            }
            return result.join('');
        }
        return {
            btoa: _btoa,
            atob: _atob,
            encode: _btoa,
            decode: _atob
        };
    }();
    if (!win.Base64) { win.Base64 = Base64 }
    if (!win.btoa) { win.btoa = Base64.btoa }
    if (!win.atob) { win.atob = Base64.atob }
 })(window)

(编辑:焦作站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读