编解码
Base64 · URL Encode/Decode
编解码
就绪
ABOUT
关于 编解码
对文本进行 Base64 或 URL 百分号编码/解码，处理 API 传输中的编码问题。
Base64 与 URL 编码是 HTTP 世界的「标点符号」：Data URL、Basic Auth、query 参数、JWT 片段都离不开它们。本地编解码避免将 credentials 片段发送到不可信的在线网站。
DEEP DIVE
深入了解 编解码
Base64 编码将二进制或 UTF-8 文本转为 ASCII 安全字符，广泛用于邮件附件、Data URL、JWT 片段、API 传输。URL 编码（Percent-encoding）将特殊字符转为 %XX 形式，是 HTTP query 与 path 的标准处理方式。JSONSort 编解码工具支持两者双向转换，本地即时完成。
处理含中文的 Base64 时注意 UTF-8 编码一致性；URL 编码需区分 encodeURI（保留 URL 结构字符）与 encodeURIComponent（编码全部特殊字符）语义。
Base64 编码体积增大约 33%，适合二进制安全传输文本；URL 编码则按字节处理 UTF-8，中文通常变为 %E4%B8%AD 形式。选择错误编码方式是 404 或乱码的常见根因，务必与接收方约定一致。
FEATURES
核心能力
Base64 编码
文本或 UTF-8 字符串转为 Base64。
Base64 解码
Base64 还原为原始文本，支持中文。
URL 编码
特殊字符转为 %XX 百分号编码形式。
URL 解码
还原 %XX 编码为可读字符串。
即时转换
输入变化即输出，无需点击按钮。
本地安全
Credentials、Token 片段等敏感字符串不上传。
UTF-8 安全
中文与 emoji 编解码不丢失，与 Node Buffer 行为一致。
多模式切换
Base64 与 URL 模式独立，避免混用导致错误结果。
HOW TO USE
使用步骤
-
1
粘贴原始文本
-
2
选择 Base64 或 URL 编解码
-
3
复制输出
-
4
使用示例数据按钮快速了解输入输出格式
-
5
复制结果到剪贴板，或与其他 JSONSort 工具串联使用
WORKFLOW
典型工作流
从导入数据到导出结果的完整流程，帮助团队统一 编解码 的使用方式。
选择编码类型
二进制/文本传传输用 Base64；URL 参数用 URL 编码。
输入原文或编码串
从 header、日志或 Data URL 复制。
验证往返
编码后再解码，与原文对比确认无损。
用于下游
复制结果到 HTTP 客户端或源代码。
USE CASES
适用场景
前端开发
构造 Data URL、调试 Base64 图片内嵌、URL 参数编码。
后端开发
验证客户端传来的 Base64 字段是否正确解码。
测试工程师
构造 URL 编码的测试参数，排查双重编码 bug。
安全工程师
本地解码敏感 payload，避免使用不可信在线工具。
全栈调试
构造 Basic Authorization header（base64(user:pass)）。
邮件开发
MIME base64 附件片段本地解码验证。
TIPS
使用技巧
- Base64 解码失败通常是 padding 缺失或含非法字符，检查末尾 = 号。
- 中文 Base64 编解码全程 UTF-8，与 Java standard Base64 默认行为一致。
- URL 解码时注意 + 号在 query 中可能代表空格（application/x-www-form-urlencoded）。
- JWT 中间那段 Payload 就是 Base64URL，可用 Base64 解码查看（注意 URL safe 变体）。
- 与 Query 工具配合：编码 query 参数，或解码分析已有 URL。
- Data URL 格式 data:text/plain;base64,XXX 需去掉前缀再解码。
- JWT 第二段是 Base64URL，标准 Base64 解码大多可用但注意 - _ 字符。
- encodeURI 保留 : / ? # 等 URL 结构字符；参数值用 encodeURIComponent。
- Data URL 去掉 data:*;base64, 前缀再解码。
- 与 Query 工具串联：JSON → query → URL encode 全流程本地完成。
LOCAL VS ONLINE
本地 vs 在线工具
JSONSort 坚持纯前端架构，以下对比说明为何本地化工具更适合处理开发数据。
TROUBLESHOOTING
常见误区与排查
实际使用中容易遇到的问题及建议处理方式，减少反复试错的时间。
Base64 解码乱码
建议：可能是 UTF-16 或错误 charset；确认源为 UTF-8。
URL 解码后仍有 %
建议：双重编码；再解码一次或检查谁编码了两次。
+ 变空格
建议：query 中 + 表示空格；Form 编码与 URL 标准不同。
JWT 段解码失败
建议：使用 Base64URL 变体；去掉 Bearer 前缀只解 payload 段。
FAQ
常见问题
Base64 和 Base64URL 有什么区别？
Base64URL 用 - _ 替代 + /，JWT 使用 Base64URL。标准 Base64 解码大多数情况兼容。
能处理二进制文件吗？
文本模式适合字符串。二进制文件建议用文件导入转 Base64。
URL 编码用哪种标准？
encodeURIComponent 语义，适合 query 参数值编码。
Base64 末尾没有 = 能解码吗？
URL safe Base64 常省略 padding；解码器会自动补齐。
和 Node btoa 结果一样吗？
ASCII 文本一致；中文建议用本工具 UTF-8 模式，btoa 需额外处理。
数据会上传到服务器吗？
不会。JSONSort 所有工具均在浏览器本地运行，您的输入内容不会发送到任何后端服务器。
需要注册或安装吗？
不需要。打开页面即可使用，无需账号、无需下载客户端，也支持 PWA 离线缓存。
支持多大的文件？
取决于浏览器内存，通常可流畅处理数 MB 级别的数据。超大文件建议先拆分或使用合并清理工具。