使用ES6语法进行Base64的编码和解码

最新推荐文章于 2025-06-11 15:08:45 发布
原创 最新推荐文章于 2025-06-11 15:08:45 发布 · 6.8k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#base64 #编码 #node-js

本文介绍如何使用ES6进行Base64编码和解码操作，提供了具体的实现方法，包括将普通内容转换为Base64字符串及从Base64字符串还原普通内容。

ES6: base64解码

/**
   * ES6: base64解码
   */
  decodeBase64Content: function (base64Content) {
    let commonContent = base64Content.replace(/\s/g, '+');
    commonContent = Buffer.from(commonContent, 'base64').toString();
    return commonContent;
  }

ES6: base64编码

  /**
   * ES6: base64编码
   */
  encodeBase64Content: function (commonContent) {
    let base64Content = Buffer.from(commonContent).toString('base64');
    return base64Content;
  },
使用ReactNative构建视频应用程序：流处理、编解码和WebSockets
AI天才研究院
07-17 1677
作者：禅与计算机程序设计艺术在本文中，我们将会使用React Native框架，结合Websockets协议，实现一个完整的基于WebRTC的视频直播应用。该项目旨在学习如何从零开始构建一个复杂且实用的视频应用程序。文章假定读者已经掌握了React Native开发的基础知识。我们需要安装React Native环境，并且熟悉JavaScript，TypeScript，ES6语法，WebRTC，WebSockets等相关技术。
蚁剑webshell动态加密连接分析与实践
悦分享
08-05 2650
antSword的自定义编码器，打开蚁剑的系统设置就可以看到编码管理选项,这里选择新增一个编码器。点击新增编码器，命名之后点击编辑，可以通过代码和注释看出编码器的作用，这些代码主要就是javascript node.js基础语法。然后我们修改一下代码，随机字符串+传输数据base64 这样的结果是干扰一些waf进行模糊解码,这样是不可能被直接解密。/*** php::base64编码器*//** @param {String} pwd 连接密码。...
js实现base64加密解密
weixin_40281246的博客
04-16 4576
_keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="; function encode(input) { var output = ""; var chr1, chr2, chr3, enc1, enc2, enc3, enc4; var i = 0; input...
es6加码解码
09-04 383
es6 加码 encodeURIComponent（params） 解码 decodeURIComponent(params)
JavaScript中的Base64编码和解码实践
最新发布
weixin_35749796的博客
06-11 2136
Base64编码是一种基于64个可打印字符来表示二进制数据的编码方法。它通常用于在媒介中传输数据时，由于某些系统限制或格式要求而需要将二进制数据表示为纯文本的情况。Base64编码将原始数据分为6位一组，对应地转换为64个字符集中的一个字符。js-base64库提供了一套完整的API，用于编码和解码Base64字符串。以下是该库中几个核心的方法：: 将字符串或二进制数据编码为Base64格式。: 将Base64编码的字符串解码为原始格式。
Base64编码和解码
aofan9566的博客
09-27 134
Base64这是一个二进制编码方法转换成可打印字符。主要用于邮件传输。Base64将64人物（A-Z,a-z,0-9,+,/）由于基本字符集。把所有的符号转换成字符集。 编码： 编码每次3节转为4字节。若输入字节数不是3的倍数。则在末尾填充0字节使其长度为3的倍数。对于3字节。每次取出6位，并在前面加入2位0构成一个字节。以此字节为下标查找Base64码表（例如以下图）输出相...
es6=>>unicode码详解
IT1125275074的博客
10-11 533
字符的Unicode表示法 JavaScript允许采用\uxxxx形式表示一个字符，其中xxxx表示字符的Unicode码点。 "\u0061" // "a" 但是，这种表示法只限于码点在\u0000~\uFFFF之间的字符。超出这个范围的字符，必须用两个双字节的形式表示。 "\uD842\uDFB7" // "????" ...
转化为base64
weixin_59511725的博客
12-07 150
【代码】转化为base64。
JavaScript Base64编码与解码库的实现细节与使用说明
从3.3版本开始，js-base64使用TypeScript进行编写，最终生成JavaScript的ES模块版本base64.mjs。 3. 安装与使用 js-base64可通过npm安装，使用命令：`npm install --save js-base64`。在浏览器环境中使用时，可以...
DES和Base64加密与解密
weixin_45178761的博客
03-10 1397
DES全称为Data EncrypTIon Standard，即数据加密标准，是一种使用密钥加密的块算法，1977年被美国联邦政府的国家标准局确定为联邦资料处理标准（FIPS），并授权在非密级政府通信中使用，随后该算法在国际上广泛流传开来。 DES算法 DES算法的入口参数有三个：Key、Data、Mode。其中Key为7个字节共56位，是DES算法的工作密钥；Data为8个字节64位，是要被加密...
const GMCrypt = require('gm-crypt').sm4; /** * SM4 解密函数（ECB模式 + PKCS5填充） * @param {string} base64Str - Base64编码的密文 * @param {string} key - 16字节密钥（HEX或字符串格式） * @returns {string|Uint8Array} - 解密后的数据（自动检测文本或二进制） */ export function decrypt(base64Str, key = 'HTHTqQq314159@26') { // SM4 配置（ECB模式 + PKCS5填充） const sm4Config = { key: key, mode: 'ecb', cipherType: 'base64', padding: 'pkcs5' }; const sm4 = new GMCrypt(sm4Config); try { // 1. 执行SM4解密（返回HEX字符串） const decryptedHex = sm4.decrypt(base64Str); // 2. 转换为字节数组 const bytes = hexToBytes(decryptedHex); // 3. 安全处理：过滤无效Unicode代码点 const safeBytes = bytes.filter(byte => byte <= 0x10FFFF); // 4. 尝试解码为UTF-8文本 try { return bytesToUtf8(safeBytes); } catch (textError) { // 解码失败则返回原始HEX数据 console.warn('解密结果非UTF-8文本，返回原始HEX数据'); return decryptedHex; } } catch (decryptError) { console.error('解密失败:', decryptError.message); throw new Error('SM4解密过程出错'); } } // HEX转字节数组 function hexToBytes(hex) { const bytes = new Uint8Array(hex.length / 2); for (let i = 0; i < hex.length; i += 2) { bytes[i / 2] = parseInt(hex.substr(i, 2), 16); } return bytes; } // 字节数组转UTF-8字符串 function bytesToUtf8(bytes) { const decoder = new TextDecoder('utf-8'); return decoder.decode(bytes); }这段代码 和我本地的这个段代码 合并一下 // utils/sm4.ts import { sm4 } from 'sm-crypto'; // 配置 const sm4Config = { key: new TextEncoder().encode('b367d464d97caee1'), mode: 'ecb', cipherType: 'base64' }; // const sm4 = new SM4(sm4Config); export function encrypt(text) { // 返回 Base64，mode 和 gm-crypt 一致 return sm4.encrypt(text, sm4Config.key, { mode: 'ecb', cipherType: 'base64' }); } export function decrypt(base64Str) { // SM4 配置（ECB模式 + PKCS5填充） const sm4Config = { key: key, mode: 'ecb', cipherType: 'base64', padding: 'pkcs5' }; const sm4 = new GMCrypt(sm4Config); try { // 1. 执行SM4解密（返回HEX字符串） const decryptedHex = sm4.decrypt(base64Str); // 2. 转换为字节数组 const bytes = hexToBytes(decryptedHex); // 3. 安全处理：过滤无效Unicode代码点 const safeBytes = bytes.filter(byte => byte <= 0x10FFFF); // 4. 尝试解码为UTF-8文本 try { return bytesToUtf8(safeBytes); } catch (textError) { // 解码失败则返回原始HEX数据 console.warn('解密结果非UTF-8文本，返回原始HEX数据'); return decryptedHex; } } catch (decryptError) { console.error('解密失败:', decryptError.message); throw new Error('SM4解密过程出错'); } } // 工具函数：hex 转 utf8 字符串 function hexToUtf8(hex) { const bytes = new Uint8Array(hex.length / 2); for (let i = 0; i < hex.length; i += 2) { bytes[i / 2] = parseInt(hex.substr(i, 2), 16); } const decoder = new TextDecoder('utf-8'); return decoder.decode(bytes); }
06-07
但是，我们无法在同一个文件中进行有条件的导入（因为ES6静态导入必须在顶层），因此我们需要动态导入（但是动态导入返回的是Promise，我们需要处理异步，但加密解密通常是同步的）。所以动态导入不适用。替代方案：...
Base64编码解码详解
大熊的博客
04-12 2300
npm：In Browser&lt;script src="base64.js"&gt;&lt;/script&gt;node.jsvar Base64 = require('js-base64').Base64;es6+import { Base64 } from 'js-base64';npm$ npm install --save js-base64SYNOPSISBase64.encode...
前端 加密方法之base64
KID963931445的博客
10-13 344
我们来看看，在javascript中如何使用Base64转码 var str = 'javascript'; window.btoa(str) //转码结果 "amF2YXNjcmlwdA==" window.atob("amF2YXNjcmlwdA==") //解码结果 "javascript"
JS实现base64加密解密
天地乾坤的博客专栏
08-10 1186
script language=javascript>    var base64EncodeChars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";    var base64DecodeChars = new Array(   　　-1, -1, -1, -1, -1, -1, -1
es6 转码方式
smartlii的博客
12-23 728
babel转码器：babel是一个广泛使用的es6转码器。可以将es6代码转化为es5代码。转码前： input.map(item => item + 1);转码后： input.map(function (item) { item + 1; }); traceur转码器:traceur允许ES6代码直接插入网页。首先必须在网页头部加载Traceur库文件。加载脚本： 用于浏览器环
javaScript中使用base64解码与编码
风云莫测的博客
06-26 3114
什么是base64：base64是用规定的64种字符来表示任意二进制数据的一种编码格式，而且这64种字符均是可见字符，而之所以要是可见的是因为在不同设备上处理不可见字符时可能发生错误。通常，电子邮件数据、公钥证书会经常使用。字符集：（64种字符）var base64Chars = [ 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', ...
前端需要对base64有所认识
陈坚泓的博客
12-16 1686
前端需要对base64有所认识什么是base64编码Base64编码原理为什么Base64编码可以内联到HTML中？window.btoa(str)方法编码base64参考 什么是base64编码 首先Base64是一种编码算法，为什么叫做Base64呢？ 其实原因也很简单，是因为该算法共包含64个字符。 包括大小写拉丁字母各26个、数字10个、加号+和斜杠/，共64个字符。此外还有等号=用来作为...
js中如何将字母转换为base64编码，及base64编码如何转换为对应的字母
yahaha~的博客
02-11 689
将字母转换为base64编码 'a'.charCodeAt() ---------------- =&gt; 97 将base64编码转换为字母 String.fromCharCode(97) ----------------------- =&gt; 'a'
Javascript常用方法 -- 将base64的图片url数据转换为Blob、file
QiuMenglin_的博客
07-19 4767
/** * 将以base64的图片url数据转换为Blob * @param urlData图片base64数据 * @name convertBase64UrlToBlob */ function convertBase64UrlToBlob(urlData) { var bytes = window.atob(urlData.split(',')[1]); //...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值