简单实现多字节base64编码_the string to be encoded contains characters outsi-CSDN博客

本文链接：https://blog.csdn.net/mofang0809/article/details/126368008

本文探讨了在浏览器环境中如何处理不支持多字节编码的限制，介绍了使用encodeURIComponent、unescape和自定义函数实现B64编码与解码的方法，同时提到了对废弃函数的替代方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

由于浏览器内置的函数：btoa不支持多字节编码：

btoa("一")

执行会报错：Uncaught DOMException: Failed to execute 'btoa' on 'Window': The string to be encoded contains characters outside of the Latin1 range.

mdn上给出的一种编码方案是：

window.btoa(unescape(encodeURIComponent('一'))) // 5LiA

然后反过来操作就是解码：

decodeURIComponent(escape(window.atob(str))) // 一

原理其实很简单：得到多字节字符的utf-8编码，然后每个字节转成ascii字符，然后再用btoa进行编码。

但是，escape与unescape都属于被废弃的函数，我们可以通过简单的转换来实现同样的功能：

function b64encode(str){
    // 得到utf-8编码
    const utf8 = encodeURIComponent(str)
    // %xx对应的每字节转换成字符串
    const utf8Str = utf8.replace(/%(\w{2})/g,(m,a)=>String.fromCharCode('0x' + a))
    return btoa(utf8Str)
}

function b64decode(str){
    // 每个字节处理成%xx形式
    const utf8 = [...atob(str)].map(item => '%' + item.charCodeAt(0).toString(16)).join('')
    // 解码utf8
    return decodeURIComponent(utf8)
}