中文别直接 btoa：先转成 UTF-8 字节
【摘要】 前端做 Base64 编解码，英文数字随便玩，一碰中文就翻车。
前端做 Base64 编解码，英文数字随便玩，一碰中文就翻车。btoa(“你好”) 直接抛 InvalidCharacterError——不是你代码写错了，是 btoa 只认 Latin1 单字节字符，中文这种多字节字符它根本处理不了。
我最早绕这个坑用的是 charCodeAt 逐字取码点再拼，结果解出来是乱码：JS 字符串内部是 UTF-16，直接按字符取码点硬塞进单字节，等于把编码搞混了，怎么解都回不来。
正确做法就两步。编码：先 new TextEncoder().encode(str) 拿到 UTF-8 字节数组，再逐字节 String.fromCharCode 拼成二进制串扔给 btoa。解码反过来：atob 拿回二进制串，转成字节数组，再 new TextDecoder(“utf-8”).decode()。多两行代码，中文、emoji 全都稳。
一句话：凡是前端手写 Base64，先问一句“输入里有没有中文”——有，就先过 TextEncoder。
【声明】本内容来自华为云开发者社区博主，不代表华为云及华为云开发者社区的观点和立场。转载时必须标注文章的来源（华为云社区）、文章链接、文章作者等基本信息，否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）