js 字符串转base64|极客笔记

js 字符串转base64

在前端开发中，我们经常会遇到需要将字符串转换为base64格式的需求，比如在上传文件时，将文件内容转换为base64编码后发送到后端。本文将介绍如何使用JavaScript将字符串转换为base64编码。

什么是base64

Base64是一种基于64个可打印字符来表示二进制数据的方法。它由64个字符组成：大写字母 A-Z、小写字母 a-z、数字 0-9、以及两个符号 “+” 和 “/”。在实际应用中，base64编码通常用于将二进制数据转换成纯文本字符串，方便传输和存储。

如何在JavaScript中进行字符串转base64编码

在JavaScript中，可以使用btoa()函数将字符串转换为base64编码，也可以使用atob()函数将base64编码转换为字符串。下面是一个简单的示例：

const str = "Hello, World!";
const base64 = btoa(str);
console.log(base64);

运行上面的代码，我们会得到如下输出：

SGVsbG8sIFdvcmxkIQ==

这就是将字符串”Hello, World!”转换为base64编码后的结果。

自定义函数将字符串转base64编码

除了使用btoa()函数之外，我们还可以编写自定义的函数来将字符串转换为base64编码。下面是一个简单的示例代码：

function stringToBase64(str) {
    const utf8 = unescape(encodeURIComponent(str));
    return btoa(utf8);
}

const str = "Hello, World!";
const base64 = stringToBase64(str);
console.log(base64);

这里我们先将字符串转换为UTF-8编码，然后再使用btoa()函数将UTF-8编码的字符串转换为base64编码。运行上面的代码，得到的输出与之前相同。

注意事项

在使用btoa()函数将字符串转换为base64编码时，需要注意以下几点：

btoa()函数只接受一个参数，如果参数不是字符串类型会抛出异常。
如果要对包含非ASCII字符的字符串进行base64编码，需要先将字符串转换为UTF-8编码。

结语

本文介绍了在JavaScript中将字符串转换为base64编码的方法，以及如何使用自定义函数实现这一功能。通过将字符串转换为base64编码，我们可以方便地处理文本数据，并在前端和后端之间传输数据。

js 字符串转base64