如何在 JavaScript 中将 PNG 图像编码为 Base64？

使用 JavaScript 进行 Base64 编码

问题：

需要使用 JavaScript 将 PNG 图像编码为 Base64 字符串的帮助。我知道如何打开文件，但不熟悉二进制数据编码。

答案：

利用 btoa() 和 atob()

JavaScript 提供用于从 Base64 转换到 Base64 的 btoa() 和 atob() 函数编码。

btoa() 函数

btoa() 接受表示 8 位字节数组的“字符串”。传递包含超过 8 位字符的字符串可能会导致故障。如果您正在处理文本，则需要事先对其进行编码。

atob() 函数

atob() 返回每个字符的“字符串”代表一个8位字节。这并不意味着 ASCII；而是它假设二进制数据处理。

其他资源

• 如何使用 JavaScript 和 XMLHttpRequest 加载二进制图像数据？

浏览器支持

两者btoa() 和 atob() 具有广泛的浏览器支持。有关具体兼容性信息，请参阅以下链接：

• https://caniuse.com/?search=atob
• https://caniuse.com/?search=btoa

以上是如何在 JavaScript 中将 PNG 图像编码为 Base64？的详细内容。更多信息请关注PHP中文网其他相关文章！