btoa和atob

从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

上一篇:Python之字符串详解1


下一篇:Javascript实现AES加密解密(ECB/CBC)