浏览器原生支持base64编解码

浏览器原生支持base64编解码

在之前的开发过程中,遇到base64的编解码,习惯性的去寻找了开源的base64编解码库,如base64.js
使用方式很简单,一般开源的库都会提供对应的使用文档

今天才突然发现,原来浏览器原生支持base64编解码,引入外部依赖库,简直是多次一举!!

atob和btoa

实际上,从IE10+浏览器开始,所有浏览器就原生提供了Base64编码解码方法,不仅可以用于浏览器环境,Service Worker环境也可以使用。

方法名就是atob和btoa,具体语法如下:

  1. Base64编码 - btoa
var encodedData = window.btoa(stringToEncode);   // (浏览器中)

var encodedData = self.btoa(stringToEncode);   // (浏览器或js Worker线程中)

例如:

window.btoa('/etc/mysql/my.cnf')  =>  'L2V0Yy9teXNxbC9teS5jbmY='
  1. Base64解码 - atob
var decodedData = window.atob(encodedData);  // (浏览器中)

var decodedData = self.atob(encodedData);    // (浏览器或js Worker线程中)

例如:

window.atob('L2V0Yy9teXNxbC9teS5jbmY=')  => '/etc/mysql/my.cnf'
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值