如何在JavaScript中编码和解码Base64字符串

学习如何使用原生JavaScript方法btoa()和atob()在浏览器中对Base64字符串进行编码和解码。
On this page

如何在JavaScript中编码和解码Base64字符串

摘要

学习如何使用 JavaScript 内置的 btoa()和 atob()方法轻松地以 Base64 格式编码和解码字符串。非常适合 Web 开发人员和初学者。

介绍

Base64编码与解码允许您在二进制数据与 ASCII 文本格式之间进行转换。这通常用于通过互联网传输数据。在本文中,您将学习如何使用原生 JavaScript 方法btoa()atob()对 Base64 字符串进行编码和解码。

Base64 编码的用途

  • 通过 HTTP 等基于文本的媒介传输二进制数据
  • 将复杂数据存储为简单的文本格式
  • 对数据进行编码以提高安全性
  • 在 API、文件上传、授权等方面广泛使用

btoa()和 atob()概述

JavaScript 通过 btoa()和 atob()方法支持在浏览器中直接对 Base64 字符串进行编码和解码。

  • btoa()接受一个字符串并返回编码后的 Base64 字符串
  • atob()接受一个 Base64 字符串并返回解码后的字符串

这些简单的方法允许您在不需要任何依赖的情况下在二进制数据与 ASCII 文本之间进行转换。

使用 btoa()编码字符串

要编码一个字符串为 Base64,请将字符串传递给 btoa():

1const encoded = btoa("IToolkit"); // SVRvb2xraXQ=

由于 Base64 编码的工作方式,编码后的字符串比原始字符串大 33%。

btoa()可用来编码任意长度的字符串,特殊字符也会被正确编码。

什么时候编码为 Base64

Base64 编码的一些常见用例包括:

  • 在发送到网络之前对数据进行编码
  • 对 URL 参数或 HTML 元素进行编码
  • 在数据库中存储复杂的数据
  • 对敏感信息进行模糊处理

提供的免费 Base64 编码验证工具如下:

使用 atob()解码 Base64

要将 Base64 字符串解码回原始字符串,请使用 atob():

1const decoded = atob("SVRvb2xraXQ="); // IToolkit

atob()可以解码任何有效的 Base64 字符串,并将其解码为原始编码的数据。

什么时候解码 Base64

解码 Base64 的一些常见用例包括:

  • 解码从 API 接收的数据
  • 解析 Base64 URL 参数
  • 从数据库检索编码的数据
  • 解密敏感信息

提供的免费 Base64 解码验证工具如下:

结论

btoa()和 atob()在 JavaScript 中提供了原生的 Base64 编码与解码。通过学习使用这些方法,您可以轻松地将二进制数据转换为可通过互联网传输或以简单文本形式存储在数据库中的 ASCII 文本。

Base64 广泛用于 Web 应用程序,所以理解这些方法将为你的项目带来新的可能性。简单的 API 也使它们很容易上手使用。

相关资源

  • Base64 编码与解码指南
  • 在 JavaScript 中使用 Base64 上传文件
  • 使用 Base64 加密数据
  • 使用 Base64 编码所有敏感数据