JavaScript三行代码实现base64的编码和解码

最新推荐文章于 2024-04-27 20:22:09 发布

袁杰Jerry

最新推荐文章于 2024-04-27 20:22:09 发布

阅读量432

点赞数

分类专栏：前端文章标签： base64

本文链接：https://blog.csdn.net/qq_25324335/article/details/83991901

版权

前端专栏收录该内容

36 篇文章 2 订阅

订阅专栏

好吧，做了回标题党==
但是，说的的确也没错。不需要使用其他的js库，也可以轻松的实现base64的编码和解码，不信你可以往下看。

基本方法

编码: btoa()
你可以使用window.btoa(str)来将一个字符串编码成base64的字符串。
解码: atob()
window.atob(str)可以将一个base64编码后的字符串解码。

参数如果不是正确的base64编码后的话，该方法会抛出DOMException的异常。

base64-03

Unicode问题

如果有字符超出了8位ASCII编码的字符范围时，在大多数的浏览器中对Unicode字符串调用 window.btoa 将会造成一个 Character Out Of Range 的异常。比如：
base64-04

解决方案

方案1：转义(escape)整个字符串然后编码这个它

编码：

function b64EncodeUnicode(str) {
    return btoa(encodeURIComponent(str).replace(/%([0-9A-F]{2})/g, function(match, p1) {
        return String.fromCharCode('0x' + p1);
    }));
}

运行一下可以看到，编码成功！
base64-05
解码：

function b64DecodeUnicode(str) {
    return decodeURIComponent(atob(str).split('').map(function(c) {
        return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);
    }).join(''));
}