JS:十六进制字符串转为base64

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

本文介绍了一个将SHA1哈希值转换为Base64字符串的JavaScript函数。该函数遍历输入的十六进制SHA1字符串，将其转换为Base64格式，并添加必要的填充字符。示例代码展示了如何实现这一转换。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

function sha1_to_base64(sha1)
{
    var digits="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
    var base64_rep = "";
    var cnt = 0;
    var bit_arr = 0;
    var bit_num = 0;
    
    for(var n = 0; n < sha1.length; ++n)
    {
        if(sha1[n] >= 'A' && sha1[n] <= 'Z')
        {
            ascv = sha1.charCodeAt(n) - 55;
        }
        else if(sha1[n] >= 'a' && sha1[n] <= 'z')
        {
            ascv = sha1.charCodeAt(n) - 87;
        }
        else
        {
            ascv = sha1.charCodeAt(n) - 48;
        }
        
        bit_arr = (bit_arr << 4) | ascv;
        bit_num += 4;
        if(bit_num >= 6)
        {
            bit_num -= 6;
            
            base64_rep += digits[bit_arr >>> bit_num];
            bit_arr &= ~(-1 << bit_num);
        }
    }
    
    if(bit_num > 0)
    {
        bit_arr <<= 6 - bit_num;
        base64_rep += digits[bit_arr];
    }
    var padding = base64_rep.length % 4;
    
    if(padding > 0)
    {
        for(var n = 0; n < 4 - padding; ++n)
        {
            base64_rep += "=";
        }
    }
    return base64_rep;
}

console.log(sha1_to_base64("e5bd93e68891e5969ce6aca2e4b88ae4baade4baade79a84e697b6e58099efbc8ce982a3e698afe68385e4b88de887aae7a681"));
 

Heron & Sense
关注
JS中十六进制字符串转为base64
江流儿的博客
07-28 3085
function sha1_to_base64(sha1) { var digits="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/"; var base64_rep = ""; var cnt = 0; var bit_arr = 0; var bit_num = 0; for(var n = 0; n < sha1.length; ++n) { ...
二进制字节数组与十六进制字符串间的转换
墨者的博客
05-24 7704
       在加密算法中，经常会遇到将加密后得到的二进制字节数组转16进制字符串后返回；在解密算法中，则需要将字符串转二进制然后解密；下面将列举常用的几种转换方法，在文末会给出几种常用加解密算法示例。        1、二进制数组转十六进制 /** * 将二进制转成16进制，加密时用(方式之一) * * @param bytes 加密得到的二进制字节数组 ...
js的hex转base64
weixin_30301183的博客
09-14 1705
if (!window.atob) { var tableStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/"; var table = tableStr.split(""); window.atob = function...
JavaScript 数据处理 - HEX（十六进制）字符串转换为普通字符串（使用 Buffer、使用 String.fromCharCode、使用 TextDecoder）
weixin_52173250的博客
06-20 500
JavaScript 数据处理 - HEX（十六进制）字符串转换为普通字符串（使用 Buffer、使用 String.fromCharCode、使用 TextDecoder）
Hex十六进制/Base64编码转换器
05-30
Hex十六进制/Base64编码转换器，可对字符串文本进行十六进制及Base64编码与反编码
nodejs 16进制数转base64方法
Qing淺的博客
04-16 736
16进制数转base64方法（atob和btoa方法不能使用情况下）
十六进制字符串(hexString)转base64
zhanghuaiwei
12-10 1106
sm-crypto中的sm3加密数据时，sm3方法返回的是hexString，但是后端需要接收的是base64。使用浏览器自带的btoa(str):base64，转base64后，获取的结果是不对的（可以配合后端sm3加密测验，会发现btoa(str)转的base64和后端的不匹配）。所需需要封装一个适用hexString十六进制字符串转base64的方法。
javascript十六进制数字和ASCII字符之间的转换方法
11-29
//十六进制 var charValue = String.fromCharCode(hex);//生成Unicode字符 var charCode = charValue.charCodeAt(0);//获取指定字符的十进制表示. var hexOri="0x"+charCode.toString(16);;//将int值转换为十六进制 ...
十六进制字符串转为IEEE754数据值
hit1524468的专栏
05-17 4330
1. 背景在解析RTCM3.2差分数据的字段时，由于很多数据值位数不是8bit的倍数，同时，有的表示浮点数，同时通过串口获取的数据一般为十六进制字符串，所以，为了能够获取十六进制字符串表示的浮点数时，需要进行处理2. 代码实现#include &lt;iostream&gt; #include &lt;bitset&gt; #include &lt;string&gt; #include &lt;...
js将本地上传的图片转换成十六进制字符串数组
magezhitu的博客
06-11 2142
js将本地上传的图片转换成十六进制字符串数组 最近有碰到，借鉴了资料进行了修改，有错误希望各位指出。 <!Doctype html> <html> <head> <meta charset="utf-8" /> <title>本地图片上传转换十六进制字符串数组</title> <style> * { margin: 0; padding: 0
Js实现在线Hex转Base64,在线Base64转Hex
key12315的专栏
03-11 2375
Hex:hex编码也称之为Base16 ,它将每一个字节表示的十六进制表示的内容,用字符串来显示...作用是将不可见的,复杂的字节数组数据,转换为可显示的字符串数据 Base64: 把数据按照字节分为三个字节一组，也就是24bit，如果最后存在不够三个字节为一组，也就是不够24bit的话,就使用0补位 HEX编码的特点是：解码编码速度快但是体积变大了一倍；Base64编码的特点： 体积小，但是由于算法相对复杂所以解码编码速度比较慢
Base16 java字符串与十六进制互转 js字符串与十六进制互转
03-22
NULL 博文链接：https://wangchengyong.iteye.com/blog/891125
编码/解码 十六进制/Base64
06-19
教你用windows系统自带功能编码/解码 十六进制/Base64 -- 解码十六进制编码的文件 -- 解码 Base64 编码的文件 -- 将文件编码为 Base64 doc cmd 下 解码 Base64
字符串与十六进制数转换js
06-07
实现字符串与十六进制数的相互转换，包括中文字符的转换。
java 16进制字符串转base64_16进制字符串，byte[] ，base64三者之间的转换
weixin_28757113的博客
02-16 3197
packagecom.lgdz.qydevice.utils;importcn.hutool.core.codec.Base64;importcn.hutool.core.util.CharsetUtil;importcn.hutool.core.util.HexUtil;importsun.misc.BASE64Decoder;public classHexstringToByteUtil {p...
nodejs 16进制字符串转base64格式
zhudiwoaini的专栏
07-06 3040
做支付验签的时候。其实是个简单的问题。结果找了好久的博客也没找到。最后看官方文档才发现就一句话就搞定了。var pubkey = "30819d300d06092a864886f70d010101050003818b0030818702818100ddce12f24ea8d98f79ef515d71790bafc749af73b0eb1fa8c478b419c7720370d4d5412db64b...
在 Python 中将十六进制转换为 Base64
迹忆客
06-02 1593
在上面的代码中，我们使用 binascii 模块将十六进制字符串 10000000000002ae 编码为 base64 字符串 EAAAAAAAAq4=。在上面的代码中，我们使用 base64 模块将十六进制字符串 10000000000002ae 编码为 base64 字符串 EAAAAAAAAq4=。函数将字节串作为输入参数，将其转换为base64格式，返回base64编码后的字符串。函数采用 base64 编码的字符串，将其转换为字节字符串，并返回解码后的字节字符串。函数也只有两个参数；
十六进制字符串到base64url编码/解码
naruto2017的博客
07-12 1966
十六进制hex字符串转base64url字符串。base64url字符串转十六进制hex字符串。
js 对16进制转换byte[],然后进行base64转换成图片显示
guo623689478的博客
10-26 8950
开发中遇到一个问题，就是java返回给我一个16进制，让我进行解密后生成图片文件，并展示出来。 java是这样处理的： 1、先读取图片信息，获取byte[]字节流 2、将对应字节流做Base64编码得到编码后的byte[]字节流 3、将做Base64编码产生的字节流转换成16进制的字符串返回给前端 另外 报文传输的是字符串，不是字节流 我们收到的字符串转换成字节流，就是Base64编码的 然后我们...
JS 将字符串转为base64
最新发布
08-01
<think>我们正在处理一个关于在JavaScript中将字符串转换为Base64编码的问题。根据提供的引用，我们可以总结出几种不同的方法。 方法1（来自引用[1]和[2]）： 首先使用encodeURI（或encodeURIComponent）对字符串进行URI编码，然后使用btoa函数将编码后的字符串转换为Base64。 方法2（来自引用[3]）： 使用自定义的BASE64类（需要先定义该类）来进行编码和解码。 方法3（来自引用[4]）： 一个将十六进制字符串转换为Base64的函数，但我们的需求是普通字符串，所以这个函数可能不直接适用，但我们可以参考其思路。 然而，需要注意的是，btoa函数本身只能处理Latin1字符（即每个字符都是一个字节的字符串）。如果字符串包含Unicode字符（如中文），直接使用btoa会导致错误。因此，我们需要先对字符串进行适当的编码（如URI编码或转换为UTF-8字节序列）再使用btoa。 引用[1]和[2]提供的方法就是先进行URI编码（将非ASCII字符转换为%形式的字节序列），然后再用btoa。但这种方法得到的Base64并不是标准的字符串Base64编码（标准的是将原始字节序列进行Base64编码）。不过，它可以在JavaScript中安全地转换和还原。 另一种更标准的方法是使用TextEncoder将字符串转换为UTF-8字节数组，然后再进行Base64编码。但引用中并没有提到这种方法。 考虑到用户引用的内容，我们主要采用第一种方法（URI编码+btoa）来实现，因为引用中提供了示例。 根据引用[1]和[2]，我们可以写出如下函数： 编码函数： function encode(str) { // 首先使用encodeURIComponent（比encodeURI更彻底，它编码更多字符，如: , / ? : @ & = + $ # 等） var encoded = encodeURIComponent(str); // 将编码后的字符串转换为Base64 var base64 = btoa(encoded); return base64; } 解码函数： function decode(base64) { // 将Base64字符串解码为经过URI编码的字符串 var encodedStr = atob(base64); // 使用decodeURIComponent还原原始字符串 var str = decodeURIComponent(encodedStr); return str; } 注意：使用encodeURIComponent和decodeURIComponent可以确保所有特殊字符都被正确处理。 另外，引用[3]中提到了一个自定义的BASE64类，但用户没有提供该类的具体实现，所以我们不采用。 因此，我们将按照上述方法编写代码。 但是，我们也要注意，这种方法在编码后的字符串中会包含百分号（%），而百分号在Base64中并不是标准字符，所以这种Base64编码并不是标准的UTF-8字符串的Base64编码。如果与其他系统交互，可能需要使用更标准的方法（即通过UTF-8字节序列进行Base64编码）。不过，如果只在JavaScript环境中使用，并且使用对应的解码函数，这种方法是可以工作的。 标准方法（未在引用中提供，但更推荐）： function b64Encode(str) { return btoa(encodeURIComponent(str).replace(/%([0-9A-F]{2})/g, function(match, p1) { return String.fromCharCode('0x' + p1); })); } 但是，这个函数并不完全正确，因为encodeURIComponent产生的百分号编码是三个字节（如'%'、'A'、'0'），而实际上它表示一个字节。我们需要将每个百分号编码转换为一个字节。所以，我们可以这样做： function b64Encode(str) { // 将字符串转换为UTF-8字节数组 const bytes = new TextEncoder().encode(str); // 将字节数组转换为二进制字符串（每个字节一个字符） let binary = ''; for (let i = 0; i < bytes.length; i++) { binary += String.fromCharCode(bytes[i]); } return btoa(binary); } 解码： function b64Decode(base64) { const binary = atob(base64); const bytes = new Uint8Array(binary.length); for (let i = 0; i < binary.length; i++) { bytes[i] = binary.charCodeAt(i); } return new TextDecoder().decode(bytes); } 由于用户要求参考引用，而引用中提供了URI编码的方法，我们决定先提供引用中的方法（因为它简单且能处理中文），然后也可以提供标准方法（但需要说明）。 但是，考虑到用户的问题只是“将字符串转换为Base64编码”，我们提供两种方法，并说明它们的区别。 然而，用户引用的内容中，引用[1]和[2]的方法都是先进行URI编码再btoa，所以我们就按这个来。 因此，我们编写如下函数： 方法一（基于URI编码）： function toBase64(str) { return btoa(encodeURIComponent(str)); } function fromBase64(base64) { return decodeURIComponent(atob(base64)); } 但是，注意：encodeURIComponent会将空格编码为%20，而btoa会将其转换为Base64。在解码时，atob得到的是%20，然后decodeURIComponent会将其转回空格。 然而，这种方法有一个问题：encodeURIComponent编码后的字符串中可能包含百分号，而百分号在Base64解码后是正常的，所以decodeURIComponent能够识别。所以这种方法可行。 但是，我们也要注意，这种方法编码后的Base64字符串与直接对原始字节进行Base64编码（标准方法）的结果不同。所以，如果与其他语言或系统交互，可能不兼容。 因此，我们根据用户需求，如果只是在JavaScript环境下使用，这种方法可以满足。 现在，我们按照用户要求，提供代码示例。 另外，用户要求生成相关问题，所以我们最后会提出几个相关问题。 注意：回答中引用的段落末尾要添加引用标识。 因此，我们这样组织回答：</think>### JavaScript 将字符串转换为 Base64 编码 在 JavaScript 中，将字符串转换为 Base64 编码主要有两种常用方法，具体实现如下： #### ✅ 方法 1：使用原生函数（推荐） ```javascript // 编码函数 function stringToBase64(str) { // 1. 对字符串进行 URI 编码（处理中文和特殊字符） const encodedURI = encodeURIComponent(str); // 2. 将编码后的字符串转为 Base64 return btoa(encodedURI); } // 解码函数 function base64ToString(base64) { // 1. 解码 Base64 字符串 const decodedStr = atob(base64); // 2. URI 解码还原原始字符串 return decodeURIComponent(decodedStr); } // 使用示例 const original = "你好，世界! Hello 123"; const base64 = stringToBase64(original); // "JUU0JUJEJUEwJUU1JUE1JUJDLSVFNCVCOCU5NiVFNyU5NSU4QyUyMSUyMEhlbGxvJTIwMTIz" const restored = base64ToString(base64); // "你好，世界! Hello 123" ``` #### ✅ 方法 2：手动实现（兼容特殊场景） ```javascript function customStringToBase64(str) { const digits = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/"; let base64 = ""; let bitArr = 0; let bitCount = 0; // 处理每个字符的二进制数据 for (let i = 0; i < str.length; i++) { const charCode = str.charCodeAt(i); bitArr = (bitArr << 8) | charCode; bitCount += 8; // 每积累 6 位输出一个 Base64 字符 while (bitCount >= 6) { bitCount -= 6; base64 += digits[(bitArr >> bitCount) & 0x3F]; } } // 处理剩余位数 if (bitCount > 0) { base64 += digits[(bitArr << (6 - bitCount)) & 0x3F]; } // 添加填充符"=" while (base64.length % 4 !== 0) { base64 += "="; } return base64; } // 使用示例 customStringToBase64("ABC"); // "QUJD" ``` ### 📌 关键说明 1. **方法 1 原理**： - 先用 `encodeURIComponent` 处理 Unicode 字符（如中文）[^1][^2] - 再用 `btoa()` 进行 Base64 编码 - 优点：代码简洁，原生函数性能高 2. **特殊字符处理**： - 直接使用 `btoa("中文")` 会报错 - URI 编码将中文转换为 `%xx` 格式（如 `中` → `%E4%B8%AD`） - Base64 编码处理的是 ASCII 安全字符[^3] 3. **应用场景**： - 在 URL 中安全传输二进制数据 - 存储小型图片（Data URL） - 加密敏感信息的中间步骤 ### ⚠️ 注意事项 - 编码结果包含 `+`、`/` 和 `=` 等特殊字符，用于 URL 时需要替换： ```javascript base64.replace(/\+/g, '-').replace(/\//g, '_').replace(/=+$/, '') ``` - 大文件处理建议使用 `TextEncoder` + 分块编码 --- ###
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值