javaScript_base64编码

简介: javaScript_base64编码

base64

防止不可见的控制字符(0~31以及127),比如回车,换行等在编码是发生错误,产生了base编码
用64个可打印字符来表示二进制数据
为什么是64
3字节转化为4字节

编码表

范围:[A-Za-z0-9+/]+

  1. 将待转换的字符串每三个字节分为一组,每个字节占8bit,那么共有24个二进制位。
  2. 将上面的24个二进制位每6个一组,共分为4组。
  3. 在每组前面添加两个0,每组由6个变为8个二进制位,总共32个二进制位,即四个字节。
  4. 根据Base64编码对照表(见下图)获得对应的值。
0 A  17 R   34 i   51 z

1 B  18 S   35 j   52 0

2 C  19 T   36 k   53 1

3 D  20 U   37 l   54 2

4 E  21 V   38 m   55 3

5 F  22 W   39 n   56 4

6 G  23 X   40 o   57 5

7 H  24 Y   41 p   58 6

8 I  25 Z   42 q   59 7

9 J  26 a   43 r   60 8

10 K  27 b   44 s   61 9

11 L  28 c   45 t   62 +

12 M  29 d   46 u   63 /

13 N  30 e   47 v

14 O  31 f   48 w   

15 P  32 g   49 x

16 Q  33 h   50 y

举例

文本 M a n
ascii 77 97 110
二进制位 01001101 0110001 01101110
划分为4字节 010011 010110 000101 101110

3个字节24位,划分为4个字节,32位,不够8位向前补0,6bit补为8bit

补0 00010011 00010110 00000101 00101110
索引 19 22 5 46
base64 T W F U

= 的出现

如果不够三字节,用0填到三字节,同时补充了多少个字节的0,末尾就添加就几个=

js实现base64(参考)

js-base的github:
https://github.com/mathiasbynens/base64

//加密、解密算法封装:
function Base64() {
   
    // private property
    let _keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
    // public method for encoding
    this.encode = function(input) {
   
        var output = "";
        var chr1, chr2, chr3, enc1, enc2, enc3, enc4;
        var i = 0;
        input = _checkChar(input)
        input = _utf8_encode(input);
        // console.log(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 +
                _keyStr.charAt(enc1) + _keyStr.charAt(enc2) +
                _keyStr.charAt(enc3) + _keyStr.charAt(enc4);
        };
        output = output.replace('+','%2B');// 这个后台识别不了+,所以替换了一下,这个也可以不用替换,视实际情况定
        return output;
    };

    // public method for decoding
    this.decode = function(input) {
   
        var output = "";
        var chr1, chr2, chr3;
        var enc1, enc2, enc3, enc4;
        var i = 0;
        if (typeof(input) == String) {
   
            input = input.replace(/[^A-Za-z0-9\+\/\=]/g, "");
        }else{
   
            return input
        }
        while (i < input.length) {
   
            enc1 = _keyStr.indexOf(input.charAt(i++));
            enc2 = _keyStr.indexOf(input.charAt(i++));
            enc3 = _keyStr.indexOf(input.charAt(i++));
            enc4 = _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 = _utf8_decode(output);
        output = _returnJson(output);
        return output;
    }

    // private method for UTF-8 encoding
    let _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);
            }

        }
        // console.log(utftext);
        return utftext;
    }

    // private method for UTF-8 decoding
    let _utf8_decode = function(utftext) {
   
        var string = "";
        var i = 0;
        var c1, c2, c3;
        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;
    }
    let _checkChar = function(textJson) {
   
        var pattern = new RegExp("[\u4E00-\u9FA5]+");
        for (let item in textJson) {
   
            if (pattern.test(textJson[item])) {
   
                textJson[item] = encodeURIComponent(textJson[item]);
            }
        }
        return JSON.stringify(textJson);
    }
    let _returnJson = function(textString) {
   
        let res = JSON.parse(textString);
        for (let item in res) {
   
            res[item] = decodeURIComponent(res[item]);
        }
        return res;
    }
}

结束!

目录
相关文章
|
3天前
|
存储 JavaScript 前端开发
JavaScript基础
本节讲解JavaScript基础核心知识:涵盖值类型与引用类型区别、typeof检测类型及局限性、===与==差异及应用场景、内置函数与对象、原型链五规则、属性查找机制、instanceof原理,以及this指向和箭头函数中this的绑定时机。重点突出类型判断、原型继承与this机制,助力深入理解JS面向对象机制。(238字)
|
2天前
|
云安全 人工智能 安全
阿里云2026云上安全健康体检正式开启
新年启程,来为云上环境做一次“深度体检”
1474 6
|
4天前
|
安全 数据可视化 网络安全
安全无小事|阿里云先知众测,为企业筑牢防线
专为企业打造的漏洞信息收集平台
1310 2
|
3天前
|
缓存 算法 关系型数据库
深入浅出分布式 ID 生成方案:从原理到业界主流实现
本文深入探讨分布式ID的生成原理与主流解决方案,解析百度UidGenerator、滴滴TinyID及美团Leaf的核心设计,涵盖Snowflake算法、号段模式与双Buffer优化,助你掌握高并发下全局唯一ID的实现精髓。
324 160
|
3天前
|
人工智能 自然语言处理 API
n8n:流程自动化、智能化利器
流程自动化助你在重复的业务流程中节省时间,可通过自然语言直接创建工作流啦。
371 4
n8n:流程自动化、智能化利器
|
12天前
|
机器学习/深度学习 安全 API
MAI-UI 开源:通用 GUI 智能体基座登顶 SOTA!
MAI-UI是通义实验室推出的全尺寸GUI智能体基座模型,原生集成用户交互、MCP工具调用与端云协同能力。支持跨App操作、模糊语义理解与主动提问澄清,通过大规模在线强化学习实现复杂任务自动化,在出行、办公等高频场景中表现卓越,已登顶ScreenSpot-Pro、MobileWorld等多项SOTA评测。
1491 7
|
5天前
|
人工智能 API 开发工具
Skills比MCP更重要?更省钱的多!Python大佬这观点老金测了一周终于懂了
加我进AI学习群,公众号右下角“联系方式”。文末有老金开源知识库·全免费。本文详解Claude Skills为何比MCP更轻量高效:极简配置、按需加载、省90% token,适合多数场景。MCP仍适用于复杂集成,但日常任务首选Skills。推荐先用SKILL.md解决,再考虑协议。附实测对比与配置建议,助你提升效率,节省精力。关注老金,一起玩转AI工具。
|
2天前
|
Linux 数据库
Linux 环境 Polardb-X 数据库 单机版 rpm 包 安装教程
本文介绍在CentOS 7.9环境下安装PolarDB-X单机版数据库的完整流程,涵盖系统环境准备、本地Yum源配置、RPM包安装、用户与目录初始化、依赖库解决、数据库启动及客户端连接等步骤,助您快速部署运行PolarDB-X。
229 1
Linux 环境 Polardb-X 数据库 单机版 rpm 包 安装教程
|
13天前
|
人工智能 Rust 运维
这个神器让你白嫖ClaudeOpus 4.5,Gemini 3!还能接Claude Code等任意平台
加我进AI讨论学习群,公众号右下角“联系方式”文末有老金的 开源知识库地址·全免费
1359 17
|
3天前
|
自然语言处理 监控 测试技术
互联网大厂“黑话”完全破译指南
互联网大厂黑话太多听不懂?本文整理了一份“保姆级”职场黑话词典,涵盖PRD、A/B测试、WLB、埋点、灰度发布等高频术语,用大白话+生活化类比,帮你快速听懂同事在聊什么。非技术岗也能轻松理解,建议收藏防踩坑。
285 161

热门文章

最新文章