JavaScript处理base64编码的代码示例

因为项目需求，需要处理base64编码，再次记录，便于之后调用

关于base64：

base64的本质就是把每8位的ASCII编码变成另外一个每6位的编码，用另外一个参照表进行对应翻译。

以下为base64的js:

var Base64 = {
    // 转码表
    table : [
        &＃39;A&＃39;, &＃39;B&＃39;, &＃39;C&＃39;, &＃39;D&＃39;, &＃39;E&＃39;, &＃39;F&＃39;, &＃39;G&＃39;, &＃39;H&＃39;,
        &＃39;I&＃39;, &＃39;J&＃39;, &＃39;K&＃39;, &＃39;L&＃39;, &＃39;M&＃39;, &＃39;N&＃39;, &＃39;O&＃39; ,&＃39;P&＃39;,
        &＃39;Q&＃39;, &＃39;R&＃39;, &＃39;S&＃39;, &＃39;T&＃39;, &＃39;U&＃39;, &＃39;V&＃39;, &＃39;W&＃39;, &＃39;X&＃39;,
        &＃39;Y&＃39;, &＃39;Z&＃39;, &＃39;a&＃39;, &＃39;b&＃39;, &＃39;c&＃39;, &＃39;d&＃39;, &＃39;e&＃39;, &＃39;f&＃39;,
        &＃39;g&＃39;, &＃39;h&＃39;, &＃39;i&＃39;, &＃39;j&＃39;, &＃39;k&＃39;, &＃39;l&＃39;, &＃39;m&＃39;, &＃39;n&＃39;,
        &＃39;o&＃39;, &＃39;p&＃39;, &＃39;q&＃39;, &＃39;r&＃39;, &＃39;s&＃39;, &＃39;t&＃39;, &＃39;u&＃39;, &＃39;v&＃39;,
        &＃39;w&＃39;, &＃39;x&＃39;, &＃39;y&＃39;, &＃39;z&＃39;, &＃39;0&＃39;, &＃39;1&＃39;, &＃39;2&＃39;, &＃39;3&＃39;,
        &＃39;4&＃39;, &＃39;5&＃39;, &＃39;6&＃39;, &＃39;7&＃39;, &＃39;8&＃39;, &＃39;9&＃39;, &＃39;+&＃39;, &＃39;/&＃39;
    ],
    UTF16ToUTF8 : function(str) {
        var res = [], len = str.length;
        for (var i = 0; i  0x0000 && code <= 0x007F) {
                // 单字节，这里并不考虑0x0000，因为它是空字节
                // U+00000000 – U+0000007F     0xxxxxxx
                res.push(str.charAt(i));
            } else if (code >= 0x0080 && code <= 0x07FF) {
                // 双字节
                // U+00000080 – U+000007FF     110xxxxx 10xxxxxx
                // 110xxxxx
                var byte1 = 0xC0 | ((code >> 6) & 0x1F);
                // 10xxxxxx
                var byte2 = 0x80 | (code & 0x3F);
                res.push(
                    String.fromCharCode(byte1),
                    String.fromCharCode(byte2)
                );
            } else if (code >= 0x0800 && code <= 0xFFFF) {
                // 三字节
                // U+00000800 – U+0000FFFF     1110xxxx 10xxxxxx 10xxxxxx
                // 1110xxxx
                var byte1 = 0xE0 | ((code >> 12) & 0x0F);
                // 10xxxxxx
                var byte2 = 0x80 | ((code >> 6) & 0x3F);
                // 10xxxxxx
                var byte3 = 0x80 | (code & 0x3F);
                res.push(
                    String.fromCharCode(byte1),
                    String.fromCharCode(byte2),
                    String.fromCharCode(byte3)
                );
            } else if (code >= 0x00010000 && code <= 0x001FFFFF) {
                // 四字节
                // U+00010000 – U+001FFFFF     11110xxx 10xxxxxx 10xxxxxx 10xxxxxx
            } else if (code >= 0x00200000 && code <= 0x03FFFFFF) {
                // 五字节
                // U+00200000 – U+03FFFFFF     111110xx 10xxxxxx 10xxxxxx 10xxxxxx 10xxxxxx
            } else /** if (code >= 0x04000000 && code <= 0x7FFFFFFF)*/ {
                // 六字节
                // U+04000000 – U+7FFFFFFF     1111110x 10xxxxxx 10xxxxxx 10xxxxxx 10xxxxxx 10xxxxxx
            }
        }

        return res.join(&＃39;&＃39;);
    },
    UTF8ToUTF16 : function(str) {
        var res = [], len = str.length;
        var i = 0;
        for (var i = 0; i > 7) & 0xFF) == 0x0) {
                // 单字节
                // 0xxxxxxx
                res.push(str.charAt(i));
            } else if (((code >> 5) & 0xFF) == 0x6) {
                // 双字节
                // 110xxxxx 10xxxxxx
                var code2 = str.charCodeAt(++i);
                var byte1 = (code & 0x1F) <<6;
                var byte2 = code2 & 0x3F;
                var utf16 = byte1 | byte2;
                res.push(Sting.fromCharCode(utf16));
            } else if (((code >> 4) & 0xFF) == 0xE) {
                // 三字节
                // 1110xxxx 10xxxxxx 10xxxxxx
                var code2 = str.charCodeAt(++i);
                var code3 = str.charCodeAt(++i);
                var byte1 = (code <<4) | ((code2 >> 2) & 0x0F);
                var byte2 = ((code2 & 0x03) <<6) | (code3 & 0x3F);
                var utf16 = ((byte1 & 0x00FF) <<8) | byte2
                res.push(String.fromCharCode(utf16));
            } else if (((code >> 3) & 0xFF) == 0x1E) {
                // 四字节
                // 11110xxx 10xxxxxx 10xxxxxx 10xxxxxx
            } else if (((code >> 2) & 0xFF) == 0x3E) {
                // 五字节
                // 111110xx 10xxxxxx 10xxxxxx 10xxxxxx 10xxxxxx
            } else /** if (((code >> 1) & 0xFF) == 0x7E)*/ {
                // 六字节
                // 1111110x 10xxxxxx 10xxxxxx 10xxxxxx 10xxxxxx 10xxxxxx
            }
        }

        return res.join(&＃39;&＃39;);
    },
    encode : function(str) {
        if (!str) {
            return &＃39;&＃39;;
        }
        var utf8    = this.UTF16ToUTF8(str); // 转成UTF8
        var i = 0; // 遍历索引
        var len = utf8.length;
        var res = [];
        while (i > 2]);
            // 需要补2个=
            if (i == len) {
                res.push(this.table[(c1 & 0x3) <<4]);
                res.push(&＃39;==&＃39;);
                break;
            }
            var c2 = utf8.charCodeAt(i++);
            // 需要补1个=
            if (i == len) {
                res.push(this.table[((c1 & 0x3) <<4) | ((c2 >> 4) & 0x0F)]);
                res.push(this.table[(c2 & 0x0F) <<2]);
                res.push(&＃39;=&＃39;);
                break;
            }
            var c3 = utf8.charCodeAt(i++);
            res.push(this.table[((c1 & 0x3) <<4) | ((c2 >> 4) & 0x0F)]);
            res.push(this.table[((c2 & 0x0F) <<2) | ((c3 & 0xC0) >> 6)]);
            res.push(this.table[c3 & 0x3F]);
        }

        return res.join(&＃39;&＃39;);
    },
    decode : function(str) {
        if (!str) {
            return &＃39;&＃39;;
        }

        var len = str.length;
        var i   = 0;
        var res = [];

        while (i > 4);
            res.push(String.fromCharCode(c1));

            if (code3 != -1) {
                c2 = ((code2 & 0xF) <<4) | (code3 >> 2);
                res.push(String.fromCharCode(c2));
            }
            if (code4 != -1) {
                c3 = ((code3 & 0x3) <<6) | code4;
                res.push(String.fromCharCode(c3));
            }

        }

        return this.UTF8ToUTF16(res.join(&＃39;&＃39;));
    }
};

使用：

先引入JS：

直接使用其中的方法：

Base64.decode(content);

关于图片的base64：

在图片中直接将src设置为你的base64就可以实现解码显示了。

以上就是Javascript处理base64编码的代码示例的详细内容，更多请关注 第一PHP社区 其它相关文章！