用JS进行Base64编码，解码

最新推荐文章于 2025-06-11 15:08:45 发布

路光.

最新推荐文章于 2025-06-11 15:08:45 发布

阅读量313

点赞数

CC 4.0 BY-SA版权

分类专栏： js Vue

原文链接：https://www.jianshu.com/p/14437764eff3

Vue 同时被 2 个专栏收录

62 篇文章

订阅专栏

35 篇文章

订阅专栏

本文介绍了从IE10开始，浏览器原生支持Base64编码和解码的方法，并提供了一个针对IE8/IE9的Base64 polyfill解决方案，确保在旧版IE浏览器中也能使用window.btoa和window.atob。通过在HTML中使用条件注释，可以确保这段polyfill脚本只在不支持原生方法的IE9及以下版本加载，不影响其他现代浏览器。

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

从IE10+浏览器开始，所有浏览器就原生提供了Base64编码、解码方法，不仅可以用于浏览器环境，Service Worker环境也可以使用。
window.btoa('china is so nb') // 编码
//结果："Y2hpbmEgaXMgc28gbmI="
window.atob("Y2hpbmEgaXMgc28gbmI=") // 解码
//结果："china is so nb"
IE8/IE9的polyfill
当下，仍有不少PC项目还需要兼容IE9，所以，我们可以专门针对这些浏览器再引入一段ployfill脚本或者一个JS文件即可（当然在vue工程化项目中也可直接放到index.html中）

[if IE] 表示所有IE浏览器，由于IE10+浏览器已经放弃了著名的IE条件注释的支持，Chrome等浏览器本身就不支持这个IE私有语法，因此，很天然的，上面一段script引入只在IE9-浏览器下有效。而我们本来就希望只IE8，IE9浏览器引入ployfill，于是正好完美衔接上。

也就是原生支持atob和btoa方法的浏览器认为就是一段无需关心的HTML注释，不支持atob和btoa的IE9及其以下浏览器则会加载我们的base64-polyfill.js，使浏览器也支持 window.btoa 和 window.atob 这个语法。