大家好，这里是来自多伦多的莎拉。当我第一次开始学习 React 和 Web 开发时，我不断遇到这些以“data:image/png;base64,”开头的大量随机字符。
我不知道它们是什么，直到一位高级开发人员向我解释。现在，我将向您解释一下。
什么是 Base64？
计算机使用二进制（0 和 1）进行通信。然而，许多较旧的协议（例如电子邮件和基本 HTTP 文本协议）被设计为仅处理安全的 ASCII 文本字符（例如 A-Z 和 0-9）。如果您尝试通过纯文本系统发送原始图像文件（二进制），则会中断。
Base64只是一种翻译方法。它获取原始二进制数据并将其转换为 64 个安全、可打印的 ASCII 字符。
什么时候应该使用它？
1. 嵌入小图标： 您可以将该图像转换为 Base64 并将其直接粘贴到 CSS 或 HTML 中，而不是让浏览器下载 2KB 的小图像。 2. API 身份验证： 基本身份验证标头要求您对“用户名:密码”字符串进行 Base64 编码。每当我需要快速编码图像或解码安全字符串时，我只需使用 FreeClientToolbox 上的 Base64 编码器/解码器。它速度快，不需要后端，并且可以立即完成工作。