详细介绍javascript使用btoa和atob进行Base64转码和解码-js教程-PHP中文网

详细介绍javascript使用btoa和atob进行Base64转码和解码

黄舟

发布： 2017-03-21 14:28:17

原创

2096人浏览过

javascript原生的api本来就支持,base64,但是由于之前的javascript局限性，导致base64基本中看不中用。当前html5标准正式化之际，base64将有较大的转型空间,对于html5 api中出现的如filereader api, 拖拽上传,甚至是canvas,video截图都可以实现

javascript原生的api本来就支持,Base64,但是由于之前的javascript局限性，导致Base64基本中看不中用。当前html5标准正式化之际，Base64将有较大的转型空间,对于Html5 Api中出现的如FileReader Api, 拖拽上传,甚至是Canvas,Video截图都可以实现。

好了，前言说了一大堆，Base64转码和解码有哪些方法：

一.我们来看看，在javascript中如何使用Base64转码

var str = 'javascript';

window.btoa(str)
//转码结果 "amF2YXNjcmlwdA=="

window.atob("amF2YXNjcmlwdA==")
//解码结果 "javascript"

登录后复制

二.对于转码来说，Base64转码的对象只能是字符串，因此来说，对于其他数据还有这一定的局限性，在此特别需要注意的是对Unicode转码。

立即学习“Java免费学习笔记（深入）”；

讯飞智作-讯飞配音

讯飞智作是一款集AI配音、虚拟人视频生成、PPT生成视频、虚拟人定制等多功能的AI音视频生产平台。已广泛应用于媒体、教育、短视频等领域。

查看详情

var str = "China，中国"
window.btoa(str)

登录后复制

Uncaught DOMException: Failed to execute 'btoa' on 'Window': The string to be encoded contains characters outside of the Latin1 range.

很明显，这种方式是不行的，那么如何让他支持汉字呢，

这就要使用window.encodeURIComponent和window.decodeURIComponent

var str = "China，中国";
window.btoa(window.encodeURIComponent(str))
//"Q2hpbmElRUYlQkMlOEMlRTQlQjglQUQlRTUlOUIlQkQ="

window.decodeURIComponent(window.atob('Q2hpbmElRUYlQkMlOEMlRTQlQjglQUQlRTUlOUIlQkQ='))
//"China，中国"

登录后复制

以上就是详细介绍javascript使用btoa和atob进行Base64转码和解码的详细内容，更多请关注php中文网其它相关文章！