用JS进行Base64编码、解码

最新推荐文章于 2024-09-12 16:29:05 发布

avoidaily

最新推荐文章于 2024-09-12 16:29:05 发布

阅读量239

点赞数

文章标签： javascript 开发语言 ecmascript

原文链接：https://www.cnblogs.com/Lolita-Q/p/13395335.html

版权

文章介绍了如何在Vue应用中使用Base64编码和解码，特别关注了如何在需要兼容IE9及以下版本的项目中引入js-base64库或polyfill脚本来确保在所有浏览器环境下都能正常工作，包括ServiceWorker。

摘要由CSDN通过智能技术生成

vue里面可以引入

require('js-base64').Base64

js中的话可以使用

window.btoa() // 编码
window.atob() // 解码

兼容IE10+，浏览器就原生提供了Base64编码、解码方法，不仅可以用于浏览器环境，Service Worker环境也可以使用。
方法名就是 atob 和 btoa；

当下，仍有不少PC项目还需要兼容IE9，所以，我们可以专门针对这些浏览器再引入一段ployfill脚本或者一个JS文件即可。

<!--[if IE]>
<script src="https://www.zhangxinxu.com/wordpress/2018/08/js-base64-atob-btoa-encode-decode/base64-polyfill.js"></script>
<![endif]-->

[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 这个语法。

开源的base64.js ，使用很简单，浏览器引入该JS文件，然后Base64编码解码这样：

Base64.encode(); // 编码Base64.decode();//解码

关注