从IE10浏览器开始,所有浏览器就原生提供了Base64编码解码方法:
- btoa (Binary to ASCII):base64编码
- atob (ASCII to Binary):base64解码
const str = 'Hello World';
const enc = window.btoa(str); // SGVsbG8gV29ybGQ=
const dec = window.atob(enc); // Hello World
当然还有一些PC项目需要兼容IE8、IE9,这时候我们可以在script标签中引入一个垫片:
<!--[if IE]>
<script src="../base64-polyfill.js"></script>
<![endif]-->
但是btoa和atob有个问题是不能编解码中文,会报错。
btoa('中文'); // Uncaught DOMException: Failed to execute 'btoa' on 'Window': The string to be encoded contains characters outside of the Latin1 range.
解决:
const str = '中文';
const enc = btoa(encodeURIComponent(str)); // JUU0JUI4JUFEJUU2JTk2JTg3
const dec = decodeURIComponent(atob(enc)); // 中文
一个base64编解码开源库:https://github.com/dankogai/js-base64