JavaScript 原生提供两个 Base64 相关的方法

Posted 博客小鹏鹏

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript 原生提供两个 Base64 相关的方法相关的知识,希望对你有一定的参考价值。

javascript 原生提供两个 Base64 相关的方法。

  • btoa():任意值转为 Base64 编码
  • atob():Base64 编码转为原来的值
var string = ‘Hello World!‘;
btoa(string) // "SGVsbG8gV29ybGQh"
atob(‘SGVsbG8gV29ybGQh‘) // "Hello World!"

 

注意,这两个方法不适合非 ASCII 码的字符,会报错。

btoa(‘你好‘) // 报错

 

要将非 ASCII 码字符转为 Base64 编码,必须中间插入一个转码环节,再使用这两个方法。

function b64Encode(str) {
  return btoa(encodeURIComponent(str));
}

function b64Decode(str) {
  return decodeURIComponent(atob(str));
}

b64Encode(‘你好‘) // "JUU0JUJEJUEwJUU1JUE1JUJE"
b64Decode(‘JUU0JUJEJUEwJUU1JUE1JUJE‘) // "你好"

 

以上是关于JavaScript 原生提供两个 Base64 相关的方法的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript 之 FileReader简介以及原生uniapp如何将文件转成base64编码字符串示例

JavaScript 之 FileReader简介以及原生uniappvue如何将文件转成base64编码字符串示例

JavaScript 之 FileReader简介以及原生uniappvue如何将文件转成base64编码字符串示例

javascript 使用btoa和atob来进行Base64转码和解码

关于前端使用JavaScript获取base64图片大小的方法

前端对base64编码的理解,原生js实现字符base64编码