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;
    }
}

结束!

目录
相关文章
|
1天前
|
存储 JavaScript 前端开发
JavaScript基础
本节讲解JavaScript基础核心知识:涵盖值类型与引用类型区别、typeof检测类型及局限性、===与==差异及应用场景、内置函数与对象、原型链五规则、属性查找机制、instanceof原理,以及this指向和箭头函数中this的绑定时机。重点突出类型判断、原型继承与this机制,助力深入理解JS面向对象机制。(238字)
|
2天前
|
安全 数据可视化 网络安全
安全无小事|阿里云先知众测,为企业筑牢防线
专为企业打造的漏洞信息收集平台
1303 2
|
3天前
|
云安全 人工智能
2025,阿里云安全的“年度报告”
拥抱AI时代,阿里云安全为你护航~
1447 2
|
10天前
|
机器学习/深度学习 安全 API
MAI-UI 开源:通用 GUI 智能体基座登顶 SOTA!
MAI-UI是通义实验室推出的全尺寸GUI智能体基座模型,原生集成用户交互、MCP工具调用与端云协同能力。支持跨App操作、模糊语义理解与主动提问澄清,通过大规模在线强化学习实现复杂任务自动化,在出行、办公等高频场景中表现卓越,已登顶ScreenSpot-Pro、MobileWorld等多项SOTA评测。
1420 7
|
11天前
|
人工智能 Rust 运维
这个神器让你白嫖ClaudeOpus 4.5,Gemini 3!还能接Claude Code等任意平台
加我进AI讨论学习群,公众号右下角“联系方式”文末有老金的 开源知识库地址·全免费
1302 16
|
5天前
|
人工智能 前端开发 API
Google发布50页AI Agent白皮书,老金帮你提炼10个核心要点
老金分享Google最新AI Agent指南:让AI从“动嘴”到“动手”。Agent=大脑(模型)+手(工具)+协调系统,可自主完成任务。通过ReAct模式、多Agent协作与RAG等技术,实现真正自动化。入门推荐LangChain,文末附开源知识库链接。
511 119
|
1天前
|
人工智能 自然语言处理 API
n8n:流程自动化、智能化利器
流程自动化助你在重复的业务流程中节省时间,可通过自然语言直接创建工作流啦。
309 3
n8n:流程自动化、智能化利器
|
3天前
|
机器学习/深度学习 测试技术 数据中心
九坤量化开源IQuest-Coder-V1,代码大模型进入“流式”训练时代
2026年首日,九坤创始团队成立的至知创新研究院开源IQuest-Coder-V1系列代码大模型,涵盖7B至40B参数,支持128K上下文与GQA架构,提供Base、Instruct、Thinking及Loop版本。采用创新Code-Flow训练范式,模拟代码演化全过程,提升复杂任务推理能力,在SWE-Bench、LiveCodeBench等基准领先。全阶段checkpoint开放,支持本地部署与微调,助力研究与应用落地。
403 1
|
2天前
|
安全 API 开发者
手把手带你使用无影 AgentBay + AgentScope 完成一站式智能体开发部署
阿里云无影 AgentBay 作为一个面向 AI 智能体开发的云端 GUI 沙箱服务,已集成至阿里巴巴通义实验室开源的 AgentScope 框架,助力开发者快速构建安全、高效的智能体应用。
238 1